Dusty Basalt color palette — #FFF2EB · #E0DCC3 · #CAA591 · #9C6A75 · #513B00

A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E0DCC3): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CAA591): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#9C6A75): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#513B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Bronze Pier color palette (#F9F5EA, #D2E2CB, #BBAD8B, #9F6F37, #374600)
• Patina Chestnut color palette (#FFEEE5, #DDB193, #A37767, #83442B, #352A1D)
• Worn Studio color palette (#FFF0FA, #D5AAB9, #96748B, #69556F, #3D4C42)
• Aged Driftwood color palette (#FCF3F1, #BEECDB, #A77585, #5E3C38, #261715)
• Worn Garnet Market color palette (#FFF3E5, #BCB484, #9D6A21, #7D2200, #0C1600)
• Washed Delta color palette (#FDF3EE, #E49E8B, #83A663, #5E6CA4, #35251C)
• Chestnut Boulevard color palette (#F4E3C3, #91A363, #735D00, #4D2600, #000601)
• Blush Drift color palette (#FBF3F1, #E3D9D1, #96BB81, #D57A90, #1F1F12)

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