Serafim

Iris Bloom shadcn/ui theme

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

shadcn/ui theme 60

Open in editor
About

Iris Bloom 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#FFFFFF
  • --foreground#0A0A0B
  • --primary#4F46E5
  • --primary-foreground#FFFFFF
  • --secondary#E0E0FF
  • --accent#6366F1
  • --muted#F0F0F3
  • --muted-foreground#636366
  • --card#F5F5F7
  • --border#E5E5E7
  • --ring#4F46E5
  • --destructive#EF4444

dark

  • --background#000000
  • --foreground#FFFFFF
  • --primary#5D5FEF
  • --primary-foreground#FFFFFF
  • --secondary#1E1E3F
  • --accent#2D2D6A
  • --muted#0F0F1A
  • --muted-foreground#9898A0
  • --card#0A0A0C
  • --border#1C1C21
  • --ring#5D5FEF
  • --destructive#FF453A

More by Serafim

View all