Dusty Cobalt color palette — #FDF1FC · #9AB0D8 · #C58298 · #4C71B6 · #6A403B

Slate and Dusty Rose set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Mauve (#9AB0D8): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#C58298): A luminous, balanced rose — the color of a warm blush.
• Slate (#4C71B6): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#6A403B): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged 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

• Aged Drift color palette (#ECF9F1, #80BACC, #AF86C2, #008099, #67404B)
• Ancient Amber color palette (#FAEEF8, #9AB3E9, #CD8B57, #5870A7, #36302B)
• Hushed Atelier color palette (#F0F6FF, #AFC4F3, #E89E6A, #708ACA, #5F4451)
• Muted Indigo Market color palette (#FCF2F9, #A2AED7, #56AB95, #586AC3, #1E594B)
• Byzantium Workshop color palette (#FFF1F4, #BA8DC1, #0098BE, #903C9D, #004A5E)
• Dusty Denim color palette (#FFF0FB, #BBC8F2, #6B7BB2, #3B4F8D, #2B375C)
• Hushed Veranda color palette (#FCF2F5, #DCB7A8, #675381, #4E2C3A, #30211F)
• Wandering Orchard color palette (#EFF6FF, #BCD6FF, #F1B2C8, #85AAE2, #574560)

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