Quiet Cobalt color palette — #FEF1F8 · #8ED8F4 · #007FCD · #00524D · #03062D
A conversation between Azure and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Ice Blue (#8ED8F4): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#007FCD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#03062D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Cerulean color palette (#FCF1F9, #85DEDA, #00899F, #00552F, #000E19)
- Timeworn Iris Grove color palette (#FEF1F6, #D6DFFC, #5E8EF0, #006971, #1C173E)
- Powdered Ultramarine color palette (#FCE8EE, #7CBDF6, #3554DE, #003D45, #030011)
- Timeworn Pier color palette (#E9DFD8, #68A6BD, #0F599D, #003A30, #08012B)
- Aged Azure color palette (#E1E3D8, #65CFF7, #009ED9, #007A8C, #002238)
- Feathered Corridor color palette (#FFF0FB, #B6FDFF, #00ABCD, #00764E, #00273F)
- Patina Boulevard color palette (#E8D9FF, #D74BB4, #006D38, #005F6F, #050003)
- Periwinkle Thicket color palette (#FCF2F7, #D6D4E1, #6DB2FF, #008887, #28305F)
Browse the whole catalog at Explore, or see today's palette.