Quiet Sapphire color palette — #C7EAEC · #00BCEC · #0092DC · #3968C2 · #251E5E
Built around Royal Blue, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#C7EAEC): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00BCEC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0092DC): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#3968C2): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#251E5E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Quiet Sapphire 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
- Ancient Azure Harbor color palette (#CEEAF1, #58C5FB, #409EF1, #5C76C3, #393160)
- Misty Summit color palette (#C5EDFE, #00A8E8, #0082BE, #005188, #002854)
- Feathered Pier color palette (#DEF3FB, #14A0F7, #466EF0, #4D3AB6, #2B114D)
- Airy Iris color palette (#D1E5F3, #6FAFFF, #717FF9, #7053BA, #3F1D55)
- Airy Teal Summit color palette (#D6E8E2, #00C8BB, #009CB2, #00799A, #00345E)
- Sapphire Terrace color palette (#D3E5FF, #A1C1FF, #6C92F7, #3362C0, #030549)
- Worn Navy Summit color palette (#CEEFF0, #008DB3, #006390, #012390, #100836)
- Pale Cobalt color palette (#EDD5EF, #72B2FF, #F98B32, #1777D9, #421D00)
Browse the whole catalog at Explore, or see today's palette.