Muted Basalt Villa color palette — #FCF3EC · #DEDDC5 · #CAA68A · #9B6D65 · #503C00

Deep Olive and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Bone (#DEDDC5): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CAA68A): A luminous, dusty gold — the color of old brass.
• Mocha (#9B6D65): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#503C00): 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 Muted 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

• Muted Chestnut color palette (#FFF2E9, #F3D8B7, #C7906F, #985550, #34312B)
• Tempered Stone color palette (#FFF1F7, #F1CFDB, #D9AB8B, #AC849B, #404B3F)
• Wandering Market color palette (#FBF0E6, #D6B492, #AB7543, #7F481A, #342A1D)
• Muted Alley color palette (#FFF4E2, #B4B687, #937100, #683900, #0A1700)
• Driftwood Terrace color palette (#FFF0F7, #A5C1A6, #9A7386, #6D5468, #3B4D42)
• Tempered Driftwood Bloom color palette (#EBF9F3, #96CBEF, #DF9995, #8A853A, #223630)
• Bronze Workshop color palette (#FFE9D5, #A57F2C, #723F00, #410B00, #010100)
• Terracotta Corridor color palette (#FFDECA, #BB906A, #A13803, #62001C, #060300)

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