Sapphire Studio color palette — #CCEAF6 · #0090DB · #1C58F8 · #3A329F · #160031
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#CCEAF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#0090DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#1C58F8): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#3A329F): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#160031): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Sapphire Studio into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Washed Nightshade color palette (#D9F0F2, #0095BC, #006FBD, #1837AB, #0F023D)
- Dusty Amethyst color palette (#E2F2FD, #487BFF, #663DFF, #5F1F99, #24002B)
- Gentle Ultramarine color palette (#D0EDF5, #008BC9, #004FB5, #2A0064, #080012)
- Pale Indigo color palette (#DEDEF3, #888BFF, #684FF7, #3E28A1, #020012)
- Antique Lapis color palette (#EEDCE9, #697EFF, #A57600, #3F42E5, #170D00)
- Indigo Studio color palette (#C4EFE9, #D96A00, #6971FF, #1A1E46, #050004)
- Washed Pier color palette (#C8EBFE, #78B0FF, #7885FF, #7345D1, #461658)
- Worn Indigo color palette (#DFE5FF, #6064FF, #8E7000, #456A25, #040027)
Browse the whole catalog at Explore, or see today's palette.