Cocoa Villa color palette — #F7E3ED · #AE6B36 · #853900 · #581700 · #150800

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Blush (#F7E3ED): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#AE6B36): A full-bodied, balanced gold — the color of old brass.
• Rust (#853900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#581700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#150800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Quiet Amber Parlor color palette (#EEDBCE, #C46C16, #7C3600, #3F0F00, #020100)
• Worn Thicket color palette (#F2DBE8, #8D5B1B, #5E2400, #3C0009, #100A00)
• Washed Bronze color palette (#D9F3DB, #987920, #6D4C00, #452900, #0F0B00)
• Rust Ridge color palette (#FFEBDE, #C67D17, #B24900, #802B31, #120A00)
• Softworn Bronze Drift color palette (#FDCFE3, #D0985D, #B15F00, #853900, #3A2400)
• Tempered Drift color palette (#F7E0EE, #CAA0B5, #AF6D51, #913D2C, #452433)
• Timeworn Drift color palette (#EFDBE6, #883700, #4601B3, #4A004C, #070001)
• Wandering Olive Market color palette (#D0EDDD, #A0A373, #7F7300, #5E4B00, #002C21)

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