Serafim

Powder Blue shadcn/ui theme

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

shadcn/ui theme 10

Open in editor
About

Powder Blue 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#1c3a41
  • --primary#66abff
  • --primary-foreground#ffffff
  • --secondary#ffffff
  • --accent#f8f6fc
  • --muted#f2f0f0
  • --muted-foreground#404f54
  • --card#ffffff
  • --border#f0f9ff
  • --ring#002757
  • --destructive#ff4395

dark

  • --background#201919
  • --foreground#f1f8f9
  • --primary#8dc8ff
  • --primary-foreground#201919
  • --secondary#3e3535
  • --accent#4c4445
  • --muted#211a1a
  • --muted-foreground#a3b4b8
  • --card#2f2626
  • --border#3e3535
  • --ring#8dc8ff
  • --destructive#ff4395

More by Serafim

View all