Dusty Cobalt color palette — #F1F5FC · #DCD7E1 · #CBB8CB · #677DBE · #323B4B

Slate Blue takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DCD7E1): a clean, paper-quiet neutral.
• Stone (#CBB8CB): A luminous, dusty pink — the color of neon signs at night.
• Slate Blue (#677DBE): A luminous, balanced violet — the color of wild irises.
• Charcoal (#323B4B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Delta color palette (#FAF3F7, #E5D5D5, #C5ABB6, #555CA0, #42363E)
• Weathered Summit color palette (#D7EDFF, #A9BAD7, #938FAE, #586D3D, #195259)
• Byzantium Boulevard color palette (#F4F4FF, #E2DAEB, #CEB4D0, #A341CD, #322F47)
• Peony Orchard color palette (#F7F4FA, #E3D5DA, #DEB6B9, #C55B99, #443C4C)
• Weathered Lapis color palette (#E0E2E9, #C2C2D4, #AA9FBB, #534BC2, #191F2E)
• Worn Meadow color palette (#ECF9F1, #ACBC8F, #598F65, #685B85, #133E34)
• Washed Violet Workshop color palette (#EAECFC, #8E68CC, #54334C, #1D1F38, #080D17)
• Hushed Lagoon color palette (#D3F8EF, #72A5DF, #8E61AD, #236600, #262D52)

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