Hushed Cocoa color palette — #FFF2ED · #BFC596 · #7E504A · #5F2403 · #2B2318

Espresso and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Pistachio (#BFC596): A luminous, dusty green — the color of fresh herbs.
• Coffee (#7E504A): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5F2403): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2B2318): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Summit color palette (#FAF4ED, #D2BE97, #805315, #3D3832, #262418)
• Cocoa Alley color palette (#FCF3EE, #E5CDA8, #A26F5D, #743C13, #342922)
• Bronze Terrace color palette (#FCF3EE, #E7B2A5, #5B8A62, #9D5747, #2D2F28)
• Wandering Taupe color palette (#FBF2F9, #DCE3B5, #CE8A7F, #7B6577, #322830)
• Mustard Dune color palette (#FFF3E8, #B3A33E, #6E3700, #3E1C00, #191200)
• Worn Bronze Summit color palette (#E4DED1, #A17000, #2F3940, #2E2600, #0C0900)
• Softworn Cocoa color palette (#FFF3E7, #CF9B77, #678151, #5A527E, #604100)
• Fern Dune color palette (#F9E1D2, #656200, #141D15, #280900, #070100)

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