Hushed Cocoa color palette — #F2F0F9 · #B48CB9 · #9D5C64 · #703E00 · #282A00

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F0F9): bright and airy, almost weightless.
• Dusty Rose (#B48CB9): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#9D5C64): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#703E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#282A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Hushed Bronze color palette (#F5EFF7, #C18B98, #9A6242, #5A4B00, #002F2A)
• Worn Rust color palette (#F7E8F7, #B06167, #784800, #303800, #001911)
• Washed Plum color palette (#EAF9F4, #669EC9, #A8515F, #3C5E35, #41443D)
• Peony Harbor color palette (#FEF1F7, #B3A6E6, #BC6F99, #8F5946, #523853)
• Aged Orchard color palette (#F7EDFF, #CC4D90, #A12B00, #4B3400, #101C00)
• Worn Field color palette (#F4EFFF, #D3C5DE, #A597A6, #536F51, #2F4637)
• Ancient Courtyard color palette (#EEF7FC, #91D8F0, #C184A6, #69711F, #003F50)
• Hushed Pewter color palette (#EFF1FF, #C1A7D6, #A27AB5, #7B4A83, #352C4A)

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