Cocoa Villa color palette — #FBF0E1 · #B3AC8E · #8A7140 · #6D3F25 · #232509
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#B3AC8E): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#8A7140): A full-bodied, dusty gold — the color of old brass.
- Bronze (#6D3F25): A full-bodied, dusty orange — the color of sun-warmed clay.
- Onyx (#232509): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa 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
- Weathered Bronze color palette (#FDEFE6, #CBB8A0, #AE7348, #764A4F, #332B18)
- Garnet Hollow color palette (#FEE4C8, #ACA16B, #945D09, #7C1B00, #152000)
- Bronze Grove color palette (#FEF4E3, #B0A879, #8C6D25, #6C4923, #3F3D36)
- Aged Chestnut color palette (#F8E8D4, #8B8A4D, #704E00, #541E00, #0F0F00)
- Wandering Peony Lagoon color palette (#FFEDEB, #B8698C, #9B5955, #625000, #2C1110)
- Tempered Olive Courtyard color palette (#EFE7D3, #607C3E, #4D4400, #341C00, #000703)
- Garnet Ridge color palette (#DDECFF, #A7A3D4, #996093, #81103A, #450C00)
- Ultramarine Canyon color palette (#F5F0F5, #91B5ED, #B25734, #1E5FC4, #190A03)
Browse the whole catalog at Explore, or see today's palette.