Dusty Basalt color palette — #FFF1F5 · #E4D6D3 · #AEB5AC · #898D98 · #5D474C

A conversation between Charcoal Brown and Gray, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E4D6D3): a clean, paper-quiet neutral.
• Ash (#AEB5AC): soft and architectural.
• Gray (#898D98): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#5D474C): A full-bodied, dusty red — the color of a theater curtain.

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

• Powder Corridor color palette (#FEF1F7, #E5D8D4, #9FB6E2, #9DB2A6, #624A4F)
• Softworn Ash color palette (#EDF1FF, #DFD4E0, #AACDCD, #758FB2, #3A394B)
• Tempered Dune color palette (#FFF1F1, #E2DAD0, #A2778D, #5D3C3C, #241717)
• Washed Wisteria color palette (#FFF1F3, #E8D7D8, #C8B4A2, #BD86D5, #562F49)
• Hushed Mallow color palette (#FFF1F1, #F1ABCB, #CCA77C, #6C81B1, #412B2A)
• Antique Bronze Lagoon color palette (#FDF4E7, #DADEC3, #C2AA88, #9D7035, #503C00)
• Ancient Boulevard color palette (#FFF2EF, #E0D9CF, #ACB6C2, #C95057, #521800)
• Feathered Aubergine Courtyard color palette (#FFDDE4, #E29CDA, #BF6C96, #563179, #030004)

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