Quiet Sapphire color palette — #D1F0EE · #00C8E8 · #0092C9 · #3C5CCD · #373371
A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D1F0EE): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00C8E8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0092C9): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#3C5CCD): A full-bodied, vivid violet — the color of wild irises.
- Navy (#373371): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Hushed Aqua color palette (#DBF1E9, #00CBD1, #0098B2, #00639F, #1F3976)
- Cobalt Grove color palette (#CAEEF6, #37CEFD, #0DABF6, #0079DC, #294072)
- Hazy Cobalt Delta color palette (#D2E4E6, #56B0E8, #427DD4, #544FA2, #4C3160)
- Cornflower Atelier color palette (#EEF6FF, #9FC8FF, #597DEB, #0056AE, #00264F)
- Feathered Orchard color palette (#CBF0FE, #0090F1, #4043D4, #492199, #33033E)
- Iris Villa color palette (#BAEDD9, #82BBF8, #8686D1, #835E9F, #5A3553)
- Wandering Teal Boulevard color palette (#D9FFF1, #F1E2F2, #F9B7DE, #00A8AA, #31416C)
- Soft Amber Summit color palette (#D8FFF3, #83C7FF, #DA8300, #006DAD, #563000)
Browse the whole catalog at Explore, or see today's palette.