Cocoa Villa color palette — #F9E8EF · #926E41 · #6A3500 · #4A1200 · #1E1400

Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F9E8EF): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#926E41): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6A3500): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#4A1200): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1E1400): 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 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

• Chestnut Loft color palette (#FFE9F1, #A08252, #7C4700, #5C2300, #2D2300)
• Tempered Chestnut color palette (#DEF5DF, #786625, #4C3300, #2D1500, #0C0C00)
• Eclipse Onyx Lantern color palette (#FFE8F6, #7B4D28, #4E1800, #290002, #070300)
• Powdered Amber Meadow color palette (#F6DDC8, #D58E18, #B26725, #834834, #1E1400)
• Rust Loft color palette (#EADCE4, #BE500D, #354600, #551E00, #020400)
• Gentle Lagoon color palette (#FFE7F2, #BD9468, #9E5113, #851E00, #463100)
• Washed Station color palette (#F8E8F2, #8F2900, #004E49, #002A4A, #1F0400)
• Timeworn Workshop color palette (#FFF1F5, #93B098, #906A3F, #764324, #264534)

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