Basalt Villa color palette — #FDF3EC · #E0E0C0 · #C9A68C · #986F61 · #4D3E00

Built around Deep Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Celadon Mist (#E0E0C0): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#C9A68C): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#986F61): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#4D3E00): 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 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

• Pewter Field color palette (#FEF3EA, #EDD9BF, #C49175, #93575B, #34322B)
• Bronze Pier color palette (#FEEFE3, #D1B697, #AC7544, #814622, #322B1F)
• Wandering Stone Drift color palette (#FFF0F8, #CFB387, #9B7287, #69566A, #3B4C44)
• Ancient Bronze Parlor color palette (#FFF4E1, #B0B982, #937100, #6E3300, #001802)
• Antique Driftwood color palette (#ECF9EF, #8ED0DA, #9BADDD, #B26C62, #24372A)
• Wandering Onyx color palette (#FFE8D4, #9E823B, #743D00, #460005, #010100)
• Lagoon Studio color palette (#F2F7F0, #D7D7CB, #52948A, #14514A, #161E14)
• Terracotta Bloom color palette (#F8E0D2, #B89269, #9A3F1F, #600029, #050400)

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