Quiet Cobalt color palette — #FEF3EA · #ABDAC7 · #4580CC · #006668 · #343872
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF3EA): a clean, paper-quiet neutral.
- Oat (#ABDAC7): A whisper-light, dusty teal — the color of shallow lagoons.
- Azure (#4580CC): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#006668): A full-bodied, dusty teal — the color of sea glass.
- Navy (#343872): A deep, shadowed, balanced 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
- Cerulean Thicket color palette (#FEF3ED, #97DCE1, #008DB0, #00694B, #00436D)
- Wandering Cypress color palette (#FBF3EF, #C7E5D3, #6590AE, #1D7165, #593C57)
- Cobalt Villa color palette (#E5F6F5, #A7D7F4, #208ACC, #005F75, #002549)
- Tempered Sapphire color palette (#FFF3E7, #78C0F1, #3368CB, #00555B, #2E2271)
- Wandering Summit color palette (#EBDCD1, #6098B2, #004A88, #00302F, #0A0642)
- Antique Petrol color palette (#FFF1F7, #FFD1D8, #F29997, #5169AC, #533A5C)
- Wandering Veranda color palette (#EFE0D8, #2C9098, #004357, #002318, #000A17)
- Timeworn Study color palette (#FFF1F7, #C7EAFF, #85B9FF, #00A5A9, #363B68)
Browse the whole catalog at Explore, or see today's palette.