Dusty Cobalt color palette — #E4E8F5 · #C9BACC · #BA9CB1 · #7B77B9 · #1A1E2F

A conversation between Slate Blue and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#E4E8F5): bright and airy, almost weightless.
• Stone (#C9BACC): A luminous, dusty pink — the color of neon signs at night.
• Mauve (#BA9CB1): A luminous, dusty pink — the color of neon signs at night.
• Slate Blue (#7B77B9): A luminous, balanced violet — the color of wild irises.
• Midnight (#1A1E2F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Dusty Alley color palette (#F2E8ED, #DABAC5, #BB9BA2, #67509C, #2A1921)
• Tempered Aubergine color palette (#EFE8EC, #C2ADB3, #A68387, #492495, #16040E)
• Muted Wisteria color palette (#F5F4FE, #F3D1E7, #E1B4C3, #B97DCA, #333042)
• Mulberry Study color palette (#E2DDE9, #B598A3, #A27D82, #8D4676, #0C0614)
• Driftwood Archive color palette (#E7E9FF, #BD8CBB, #BC6B6C, #3A7379, #003429)
• Muted Taupe color palette (#FAF2FA, #EAD4D5, #B8D5CB, #C58F93, #3F3840)
• Ash Coast color palette (#F6F4FC, #E2D7DC, #BFAFAA, #888CAA, #535159)
• Feathered Delta color palette (#CEEAE4, #8986FF, #B64196, #006735, #1E0A31)

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