Dusty Cobalt color palette — #EDF9EF · #9FCBED · #4D79B7 · #005D6F · #2D3A55

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sky (#9FCBED): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#4D79B7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D6F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2D3A55): 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

• Washed Cobalt Pier color palette (#F8EFF2, #B2CBE1, #627BAD, #005A62, #1E1B3C)
• Sky Veranda color palette (#E6FCEA, #33C8FA, #0075AF, #005559, #0D3260)
• Muted Cerulean color palette (#EEF8F0, #95D2D0, #138796, #00624A, #1D3F51)
• Cerulean Summit color palette (#F4F6EF, #C5EADD, #79B7F5, #0099C6, #263B5A)
• Hushed Ash color palette (#F0F7F1, #D9DDEE, #779CC7, #4D7586, #465368)
• Hushed Cerulean color palette (#D7E2D9, #279FB7, #00516D, #00302E, #001527)
• Dusty Navy Workshop color palette (#D8E5DA, #4785BD, #113583, #00212B, #060227)
• Olive Garden color palette (#C2F0E6, #508D00, #1E6DBE, #8F3B48, #03332C)

Browse the whole catalog at Explore, or see today's palette.