Dusty Cobalt color palette — #F8F0EA · #9FCFE9 · #3B7DCB · #005B5C · #191C3E
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8F0EA): a clean, paper-quiet neutral.
- Sky (#9FCFE9): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#3B7DCB): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005B5C): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#191C3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Dusty 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
- Ancient Cerulean color palette (#F7F0ED, #98D4D8, #0089AA, #005E42, #00271F)
- Patina Cobalt Courtyard color palette (#F4F6ED, #9FD2BE, #3C7EAF, #005C72, #213C5A)
- Dusty Periwinkle color palette (#FFF1F7, #ABDCF8, #6698D6, #147B7C, #32375B)
- Chalky Turquoise Basin color palette (#D9ECEC, #00ADC1, #007194, #003F73, #151F40)
- Quiet Bronze color palette (#DCEEE7, #399BD0, #B36600, #005C83, #2D1500)
- Aged Cerulean Grove color palette (#F3E0D8, #3F98A4, #00516B, #002D21, #00040E)
- Misty Petrol color palette (#EAF3FF, #68ABF1, #006CB4, #00365C, #000B1C)
- Mallow Hollow color palette (#E1F8EF, #F5D3EF, #DCA3E4, #18828D, #302031)
Browse the whole catalog at Explore, or see today's palette.