Hushed Cocoa color palette — #FFF2EB · #E8DBBB · #BDCF94 · #CE8D91 · #673600

Built around Bronze, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#E8DBBB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#BDCF94): A whisper-light, balanced green — the color of a quiet forest floor.
• Dusty Rose (#CE8D91): A luminous, dusty red — the color of late-summer berries.
• Bronze (#673600): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Weathered Villa color palette (#FFF1F0, #EFD4CA, #E3C392, #C298C6, #593731)
• Aged Cocoa Parlor color palette (#FFF2EC, #E7DEB7, #A9C998, #9F769A, #5D2D00)
• Patina Chestnut color palette (#FFF3E8, #DDDFC5, #B1C8E2, #DFA898, #714800)
• Ancient Seafoam color palette (#FFF4E0, #D5E3BE, #90D9BE, #CB9B70, #3E3B34)
• Washed Ridge color palette (#F6EDE3, #E1C58A, #AB7E43, #704F21, #1E1406)
• Airy Mint color palette (#FAE5DB, #CCC78B, #89C76E, #CD6A63, #3A1E00)
• Taupe Orchard color palette (#F1E7D0, #CCC298, #A99E6A, #907548, #31312A)
• Chalky Courtyard color palette (#FFF4E1, #FDEC70, #A4E485, #EC8401, #3F3300)

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