Basalt Villa color palette — #FFF3E9 · #D5B89C · #B18467 · #8D5B45 · #563500

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#D5B89C): A luminous, dusty gold — the color of old brass.
• Caramel (#B18467): A luminous, dusty gold — the color of old brass.
• Walnut (#8D5B45): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Driftwood Delta color palette (#FCF5E1, #C7BE9E, #98915A, #786835, #3E3D36)
• Chestnut Canyon color palette (#F6E4D7, #C8A78A, #AD6F4C, #89452B, #342F2A)
• Gentle Brick Harbor color palette (#FFE9F1, #F1AABA, #CD6E75, #AC4139, #6C1A00)
• Wandering Sand color palette (#FFF1F7, #FFD3AC, #BE9477, #7E6072, #273626)
• Muted Meadow color palette (#FFECDA, #AE8350, #8D4F00, #622C00, #201300)
• Peony Canyon color palette (#FDF2F3, #E1B3D8, #C8727A, #B557A7, #331E17)
• Timeworn Olive color palette (#F7ECD2, #777221, #514500, #2F2200, #030400)
• Worn Pewter color palette (#FEF1F4, #EFB4A9, #846393, #51355E, #2F1B21)

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