Weathered Cobalt color palette — #DAE7DC · #8CB6DE · #4871C4 · #00566C · #17164B
Built around Sapphire, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#DAE7DC): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8CB6DE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Sapphire (#4871C4): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#17164B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Ridge color palette (#D8E6DB, #7ABEC7, #00819F, #005A4F, #002234)
- Cornflower Field color palette (#FDF4E7, #A1D1FF, #3E73E3, #004E63, #08052B)
- Aged Nightshade Ridge color palette (#EFE5E8, #81A2C3, #4546AF, #003D41, #2B0C43)
- Feathered Iris color palette (#E8DDD0, #97C5EE, #7285FB, #007C80, #27123F)
- Weathered Lantern color palette (#E7FCEB, #8DD7F0, #0097D4, #007273, #003460)
- Weathered Villa color palette (#DAF2F6, #00ADC2, #00707B, #003A41, #000C0F)
- Dusty Veranda color palette (#B9E8F9, #69D2F5, #7BAAEA, #007462, #00292F)
- Dusty Atelier color palette (#D2E4E9, #009A97, #C43A5B, #005F5D, #390010)
Browse the whole catalog at Explore, or see today's palette.