Dusty Basalt color palette — #FCF2F4 · #CFDDCC · #A5777F · #573A58 · #261619

Charcoal takes the lead with Mocha close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Bone (#CFDDCC): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A5777F): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#573A58): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#261619): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Bronze Basin color palette (#FFF2EC, #FAE3B4, #A26357, #542B23, #180C07)
• Softworn Lilac color palette (#FDF2F5, #B7ECD6, #AC90C9, #82636E, #34272C)
• Worn Stone color palette (#F6F3FF, #DABC7D, #735073, #3A3549, #282228)
• Timeworn Peony Chapel color palette (#FBF3F3, #EBD9DA, #D9A07B, #CD79B2, #281B10)
• Patina Grove color palette (#FFF2EE, #ECCC89, #9A4254, #48111E, #0B0100)
• Worn Moss color palette (#FFF1F0, #D3A3BE, #8EA35D, #007D88, #33212C)
• Shadow Amber color palette (#F9E0D0, #B18618, #4C1800, #0F0B04, #030000)
• Timeworn Bronze Coast color palette (#FFF2F0, #E5D6D0, #E39D92, #AC5B26, #583600)

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