Serafim

Rose Cobalt shadcn/ui theme

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

shadcn/ui theme 42

Open in editor
About

Rose Cobalt 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#fcf5f7
  • --foreground#0a1931
  • --primary#0047ab
  • --primary-foreground#ffffff
  • --secondary#ff4d6d
  • --accent#ffb3c1
  • --muted#e5eaf5
  • --muted-foreground#4a5568
  • --card#ffffff
  • --border#cbd5e1
  • --ring#0047ab
  • --destructive#e11d48

dark

  • --background#00050d
  • --foreground#ffffff
  • --primary#4dabff
  • --primary-foreground#00050d
  • --secondary#ff4d6d
  • --accent#d02f4d
  • --muted#001a40
  • --muted-foreground#cbd5e1
  • --card#001026
  • --border#021c45
  • --ring#4dabff
  • --destructive#ff3333

More by Serafim

View all