Hushed Cocoa Villa color palette — #FDF1FA · #B5B180 · #7D3A33 · #48201C · #2C1B29

Rust and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sage (#B5B180): A luminous, dusty green — the color of fresh herbs.
• Rust (#7D3A33): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#48201C): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2C1B29): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Dusty Chestnut color palette (#EDF9EE, #C0AC82, #664C1A, #3E2A00, #19251B)
• Dusty Bronze Delta color palette (#FCF2F8, #E7BB8D, #A25C44, #57364C, #2A1D25)
• Timeworn Terracotta color palette (#F9F3F7, #DD9C8B, #407F46, #A72F0D, #0C2927)
• Worn Alley color palette (#FFF2ED, #E7D77E, #C2817C, #69615E, #2D1D17)
• Muted Orchard color palette (#F5DDE8, #AB9109, #5E2A00, #2E1100, #200414)
• Dusty Drift color palette (#FAF3F5, #CED9DC, #AEC0C2, #96693C, #514348)
• Chalky Denim color palette (#FFF1F7, #AE7045, #00846E, #005399, #422B36)
• Chestnut Alley color palette (#D5E4D5, #765A00, #233030, #1E1100, #040200)

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