Quiet Cobalt color palette — #B2EDF9 · #57B1DB · #507CC5 · #525295 · #4A3C5E
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#B2EDF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#57B1DB): A luminous, balanced blue — the color of deep harbor water.
- Azure (#507CC5): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#525295): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4A3C5E): A deep, shadowed, dusty 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 Cobalt 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
- Cerulean Canyon color palette (#BCF4E3, #45BFC3, #0088AA, #29558E, #3D4063)
- Timeworn Delta color palette (#D7EEFF, #89BEEE, #5F8FE0, #4F69C3, #474671)
- Wandering Navy color palette (#BDEFDA, #7CB4E7, #4275BB, #384B9A, #272348)
- Worn Iris Balcony color palette (#ECF7FF, #9BADE2, #897BB7, #745886, #60455B)
- Timeworn Periwinkle Study color palette (#CCF3D4, #8CD7FF, #6CA8FF, #857CC7, #5F3B48)
- Soft Canyon color palette (#EFF6FF, #7FA0DA, #A08643, #4164A5, #514013)
- Wandering Sunflower Loft color palette (#D3E6E7, #FECF5A, #00AFE3, #353E56, #222D34)
- Patina Iris Lantern color palette (#F1F5FF, #7D80CB, #97752F, #63690B, #2D3751)
Browse the whole catalog at Explore, or see today's palette.