Dusty Basalt color palette — #EDECFF · #D8CDC5 · #AFA7B5 · #56424D · #261F22

A conversation between Cocoa and Blush, giving this palette its sense of sophistication.

The five colors

• Blush (#EDECFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Oat (#D8CDC5): bright and airy, almost weightless.
• Ash (#AFA7B5): A luminous, dusty violet — the color of wild irises.
• Cocoa (#56424D): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#261F22): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Dusty Basalt 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

• Muted Shell Basin color palette (#FFEAD4, #FFCED6, #BCB3AA, #48312B, #251A17)
• Tempered Driftwood color palette (#FDF2F5, #E4DCD2, #9278B0, #583D47, #23171C)
• Antique Quarry color palette (#D4EEE4, #FFB6AB, #BBAEFF, #282C3E, #16171C)
• Mustard Workshop color palette (#FFF2EE, #FCA9B0, #C2AE62, #708C58, #3E2D29)
• Blush Canyon color palette (#FBF3F4, #E6D1CD, #EF8E9A, #BB84B8, #291A16)
• Hushed Meadow color palette (#FFF1F1, #EDD4D1, #F497A8, #AE6264, #682D29)
• Washed Seafoam color palette (#8EFFCE, #FFD1BC, #C1D3FF, #705F6C, #3B343A)
• Hushed Station color palette (#FFF2EC, #F5AA92, #939B3F, #3A744C, #1C291D)

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