Dusty Basalt color palette — #EFF1FF · #BFBDD1 · #928A9E · #745D6B · #543843

Charcoal and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Ash (#BFBDD1): A luminous, dusty violet — the color of a velvet chair.
• Heather (#928A9E): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#745D6B): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#543843): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Pewter Market color palette (#F6EEFF, #CCBDD2, #9C8A9B, #527157, #33463C)
• Washed Denim color palette (#ECF2FF, #B3B5E4, #8A80C3, #64508F, #32324F)
• Dusty Cerulean Meadow color palette (#E8F5F5, #AACACD, #5A8C95, #416874, #183639)
• Worn Thicket color palette (#ECE5F4, #A28CAD, #785B76, #573E00, #262200)
• Cocoa Summit color palette (#FFF0FA, #E4C9D6, #CCA1AE, #957D76, #783C1A)
• Worn Cocoa Chapel color palette (#EAE1F7, #9B6679, #7B4044, #432D00, #131000)
• Indigo Garden color palette (#EEF1FF, #B4ADD7, #4FADAD, #7464AE, #043743)
• Washed Cocoa color palette (#ECD7FF, #C89FC5, #A5658B, #7B3504, #452800)

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