Serafim

Rosewood Clay shadcn/ui theme

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

shadcn/ui theme 87

Open in editor
About

Rosewood Clay 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#F7F5E9
  • --foreground#503E33
  • --primary#A95C64
  • --primary-foreground#FFFFFF
  • --secondary#C3A697
  • --accent#E9C9BE
  • --muted#E9C9BE
  • --muted-foreground#946F5C
  • --card#F7F5E9
  • --border#946F5C
  • --ring#A95C64
  • --destructive#1F1C18

dark

  • --background#2B2421
  • --foreground#F7F5E9
  • --primary#C9A188
  • --primary-foreground#2B2421
  • --secondary#946F5C
  • --accent#C3A697
  • --muted#503E33
  • --muted-foreground#C5AA9B
  • --card#3C332E
  • --border#503E33
  • --ring#C9A188
  • --destructive#E57373

More by Serafim

View all