Cocoa Villa color palette — #FFF0F9 · #D0934A · #7B2A00 · #451400 · #2A1021

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mustard (#D0934A): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7B2A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#451400): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Indigo (#2A1021): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, 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

• Garnet Meadow color palette (#FBEDF7, #B7AA49, #8B1C0F, #440300, #11020E)
• Powdered Grove color palette (#FBF1FF, #E2884A, #7C1E46, #431125, #24122B)
• Marigold Lantern color palette (#E9FCE6, #CA983B, #653E00, #382000, #0B2009)
• Chalky Rust color palette (#FFF2EC, #CABD5E, #AB4233, #6B180E, #2B1307)
• Antique Amber color palette (#F0D5E2, #BA7E1F, #562600, #270E00, #120404)
• Gentle Ember Canyon color palette (#FFF2EB, #FFC17B, #EA5700, #8E4324, #281508)
• Airy Amber color palette (#FFF1F6, #E8860D, #736500, #7E4500, #002414)
• Bronze Market color palette (#E4F6E3, #9F7100, #382100, #110700, #000203)

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