Serafim

Cocoa Amber shadcn/ui theme

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

shadcn/ui theme 23

Open in editor
About

Cocoa Amber 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#f9f9f9
  • --foreground#202020
  • --primary#644a40
  • --primary-foreground#ffffff
  • --secondary#ffdfb5
  • --accent#e8e8e8
  • --muted#efefef
  • --muted-foreground#646464
  • --card#fcfcfc
  • --border#d8d8d8
  • --ring#644a40
  • --destructive#e54d2e

dark

  • --background#111111
  • --foreground#eeeeee
  • --primary#ffe0c2
  • --primary-foreground#081a1b
  • --secondary#393028
  • --accent#2a2a2a
  • --muted#222222
  • --muted-foreground#b4b4b4
  • --card#191919
  • --border#201e18
  • --ring#ffe0c2
  • --destructive#e54d2e

More by Serafim

View all