Hushed Cocoa Villa color palette — #FFF1F6 · #BDA37C · #8F6A49 · #724430 · #2E4335

A conversation between Coffee and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#BDA37C): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8F6A49): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#724430): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#2E4335): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Hushed 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

• Worn Cocoa Villa color palette (#FCDFE8, #AD935E, #7F5C33, #683410, #1C3729)
• Worn Studio color palette (#E7FBEF, #A5AC7F, #7A7349, #395B3F, #28433D)
• Driftwood Grove color palette (#FEF3E9, #CFBB99, #B4845C, #915751, #3F3D36)
• Softworn Coast color palette (#FFECF3, #94B59C, #976944, #6E3B37, #06291F)
• Aged Dune color palette (#FFF0F9, #C498AD, #946555, #634760, #4F343D)
• Patina Pier color palette (#EEF6FF, #4884C7, #A35A40, #5C5414, #213449)
• Bronze Pier color palette (#D8F2DB, #8B7406, #5C3F00, #3D1F00, #171700)
• Worn Denim color palette (#EDF6FF, #C1AC7F, #24557D, #1A3044, #191A25)

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