Serafim

Teal Mist shadcn/ui theme

Explore the Teal Mist shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.

shadcn/ui theme 41

Open in editor
About

Teal Mist re-skins your whole app: colours, radius and type for light and dark mode. Copy it and paste it into your coding agent, or take the tokens below into your globals.css.

light

  • --background#f9fdff
  • --foreground#031a1e
  • --primaryoklch(0.704 0.14 182.503)
  • --primary-foreground#fcfcfc
  • --secondary#e4f2f2
  • --accent#c3ecdf
  • --muted#ebf4f4
  • --muted-foreground#50686d
  • --card#ffffff
  • --border#dae3e4
  • --ringoklch(0.704 0.14 182.503)
  • --destructive#ce514d

dark

  • --background#030b0b
  • --foreground#e4edee
  • --primaryoklch(0.704 0.14 182.503)
  • --primary-foreground#ffffff
  • --secondary#0b2425
  • --accentoklch(0.437 0.078 188.216)
  • --muted#0f1d1e
  • --muted-foreground#7a9596
  • --card#061415
  • --border#142223
  • --ringoklch(0.704 0.14 182.503)
  • --destructive#f84b4b

More by Serafim

View all