Dusty Basalt Villa color palette — #FFF2EB · #E2DCC2 · #D3A18F · #937167 · #553900

Cocoa takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DCC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D3A18F): A luminous, dusty orange — the color of toasted spice.
• Mocha (#937167): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#553900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Dusty Basalt Villa 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

• Worn Pewter color palette (#FEF1F8, #CBAFBB, #977489, #71516D, #3C4D3B)
• Wandering Delta color palette (#ECF9F2, #57D4FD, #D0A671, #977E57, #24362D)
• Worn Boulevard color palette (#FBF5E2, #CEE7B3, #A2A171, #8A6321, #31332C)
• Mustard Harbor color palette (#FFF3E5, #CBB143, #9E6A13, #6D3413, #171200)
• Worn Driftwood color palette (#FFF4E2, #CECC85, #A5853F, #744F30, #252204)
• Ancient Basalt Atelier color palette (#EBF7FF, #DBD7EB, #B3A5DD, #896492, #5D2745)
• Muted Loft color palette (#F4E4C1, #94A34B, #715E00, #472A00, #010500)
• Hushed Cerulean Veranda color palette (#EDF8F4, #D9D6CB, #598CAF, #2E4E43, #131E1A)

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