Serafim

Tangerine Coral shadcn/ui theme

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

shadcn/ui theme 30

Open in editor
About

Tangerine Coral 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#f9fafb
  • --foreground#292929
  • --primary#f76046
  • --primary-foreground#ffffff
  • --secondary#e9ebee
  • --accent#d9e7f1
  • --muted#f4f5f6
  • --muted-foreground#5d646c
  • --card#ffffff
  • --border#e3e5e7
  • --ring#f76046
  • --destructive#f94144

dark

  • --background#151b21
  • --foreground#e4e4e4
  • --primary#f76046
  • --primary-foreground#ffffff
  • --secondary#272e38
  • --accent#253447
  • --muted#222933
  • --muted-foreground#9e9e9e
  • --card#1e252e
  • --border#313942
  • --ring#f76046
  • --destructive#f94144

More by Serafim

View all