Dusty Basalt color palette — #FFF3EA · #DEDCC5 · #CBA58B · #9F696E · #4E3D00

Deep Olive takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Bone (#DEDCC5): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CBA58B): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9F696E): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#4E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Antique Pewter color palette (#FFF2EB, #F2D8BB, #C3907D, #955561, #34312B)
• Stone Boulevard color palette (#FDF1F7, #F7CBDC, #DDA88E, #A4889E, #404B40)
• Ancient Studio color palette (#FCEFE6, #D4B597, #AE7347, #824526, #342A1D)
• Dusty Grove color palette (#FFF0F9, #A5C1A3, #977489, #69566C, #3D4C43)
• Softworn Cocoa color palette (#FFF3E3, #B6B77D, #976E20, #752D00, #061700)
• Weathered Abyss Atelier color palette (#CCF7FF, #D2D6CB, #869694, #2C4735, #212B24)
• Bronze Studio color palette (#FFF0FA, #B5C0F5, #CF9CC1, #9B7D3D, #3E2B38)
• Cellar Cocoa color palette (#EFDAC7, #866F39, #5B2F00, #2B0002, #010100)

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