Dusty Basalt color palette — #F3F4FD · #C2DCF4 · #7E83A8 · #4B3F62 · #191A24

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

The five colors

• Ivory (#F3F4FD): bright and airy, almost weightless.
• Powder Blue (#C2DCF4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7E83A8): A luminous, dusty violet — the color of wild irises.
• Charcoal (#4B3F62): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#191A24): a grounded near-black with real depth.

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

• Softworn Stone color palette (#F2F0FD, #F3B19D, #735479, #322D45, #14121D)
• Pewter Garden color palette (#FBF1FD, #E7EAB7, #A2606E, #542933, #140C17)
• Dusty Stone color palette (#FEF1F7, #ADCB9B, #605681, #49303C, #2D2121)
• Worn Ash Courtyard color palette (#FBF3F4, #FFD2C7, #B58EC1, #82636B, #35272A)
• Petrol Chapel color palette (#E8FAF1, #F2CFF4, #CA918E, #22808F, #453950)
• Lagoon Drift color palette (#F9F2FE, #EDAFC6, #CEA774, #4B9275, #382C3F)
• Timeworn Lilac color palette (#F4F4FB, #E7D8E1, #DC9D88, #B284CF, #271923)
• Antique Byzantium Harbor color palette (#F5F3FF, #C2E69F, #9542A3, #4A0A54, #080416)

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