Cocoa Villa color palette — #F4EDE8 · #D4CAC0 · #AB9F85 · #833D25 · #382B23

Rust and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F4EDE8): a clean, paper-quiet neutral.
• Oat (#D4CAC0): soft and architectural.
• Taupe (#AB9F85): A luminous, dusty gold — the color of honey in a jar.
• Rust (#833D25): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#382B23): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Chestnut Corridor color palette (#FAF4EF, #DADAD1, #B7B3A5, #8B5431, #423831)
• Tempered Terracotta Canyon color palette (#EFE6EB, #D4C7CC, #B39DA4, #8A3900, #1F1019)
• Wandering Cocoa Chapel color palette (#F6EFE8, #C2B8A5, #948F70, #663700, #281D12)
• Tempered Navy Lagoon color palette (#FCD9CD, #A69165, #59704A, #5A3C50, #31345F)
• Hushed Forest Balcony color palette (#EDE3D2, #83954E, #166628, #5D2944, #2F2903)
• Worn Bronze color palette (#F7F5EE, #D7DCD6, #A0AEB3, #968038, #55524C)
• Tempered Alley color palette (#EEECE1, #999C8B, #67765D, #292F00, #0C0900)
• Antique Olive Lagoon color palette (#F6F6ED, #D0DED3, #AFC3AB, #537810, #464100)

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