Hushed Cocoa color palette — #F0E7D6 · #A4966E · #756127 · #5F3B00 · #32312A

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

The five colors

• Parchment (#F0E7D6): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A4966E): A luminous, dusty green — the color of fresh herbs.
• Olive (#756127): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5F3B00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#32312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Delta color palette (#EADFCD, #959F64, #7D6000, #612E01, #171A06)
• Weathered Cocoa color palette (#FFF2EB, #BCA18A, #976451, #773F3C, #563500)
• Muted Bronze color palette (#DAEEDE, #ABB482, #9F7B00, #804C29, #0A3834)
• Patina Mulberry Courtyard color palette (#E4F3E8, #007F90, #934162, #643900, #082E19)
• Hushed Taupe color palette (#E8F1E9, #B09868, #004C53, #00272B, #001512)
• Smoked Coast color palette (#F5ECDE, #635A22, #392900, #1C0D00, #030400)
• Washed Nightshade Grove color palette (#EEF8F2, #51A7BE, #664B9C, #00596B, #26101B)
• Wandering Fuchsia color palette (#F7DBD1, #DA90FF, #00B8BC, #123645, #1A231B)

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