Hushed Cocoa Alley color palette — #F8F1E3 · #B1AE80 · #82753A · #644600 · #28220A

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

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#B1AE80): A luminous, dusty green — the color of fresh herbs.
• Walnut (#82753A): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#28220A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Ancient Canyon color palette (#FFEEE3, #CBA285, #A36240, #6F3C2C, #2E1F10)
• Antique Chestnut Veranda color palette (#ECDFC7, #A19A6B, #796200, #513A00, #1E1702)
• Pewter Lantern color palette (#E9FBEE, #A5AC7F, #807141, #674752, #29433E)
• Ember Thicket color palette (#FFEEE6, #C36959, #777B25, #2B5F30, #27150C)
• Fern Balcony color palette (#E7E1CD, #5F6800, #3A3800, #1D1800, #010200)
• Powdered Amber Summit color palette (#F4DAC7, #C87634, #923F00, #621A00, #1E0D00)
• Rust Boulevard color palette (#F9EFEC, #E99AA0, #B65500, #A6394A, #160B04)
• Lowlit Chestnut Coast color palette (#F4E8DE, #734706, #412000, #1C0700, #020100)

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