Weathered Cobalt color palette — #F9F4EE · #A2D1BB · #197FBE · #005F65 · #243B5C
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Pistachio (#A2D1BB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#197FBE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#243B5C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered 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
- Antique Cerulean color palette (#FAF4EC, #ACD0AF, #00879D, #006150, #154433)
- Cornflower Dune color palette (#FAF4EB, #A5D4FC, #407CDF, #006379, #333B6B)
- Muted Coast color palette (#FAF0E9, #98D1EB, #4F7DBB, #005D51, #311527)
- Tempered Turquoise Thicket color palette (#C2EBEB, #00B0C5, #007490, #004C71, #2E2C54)
- Weathered Powder color palette (#DFFDF1, #CADEFF, #B5A9E7, #29778A, #2A4841)
- Navy Market color palette (#F2EADC, #4C88A9, #003E6D, #002227, #00022D)
- Pale Market color palette (#C8FFF0, #60A4E4, #00679F, #003B5E, #002641)
- Tempered Bronze color palette (#DCF6EA, #2999C9, #B85C00, #005F81, #522909)
Browse the whole catalog at Explore, or see today's palette.