Hushed Cocoa color palette — #FFF2EB · #E9D9D7 · #EAC69B · #B9AF75 · #673900

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E9D9D7): a clean, paper-quiet neutral.
• Wheat (#EAC69B): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B9AF75): A luminous, dusty green — the color of fresh herbs.
• Bronze (#673900): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Softworn Mint Thicket color palette (#FFF3E5, #FDD69B, #DAD6CB, #8CBB81, #49463F)
• Oat Balcony color palette (#FFF2EF, #E6CAB7, #B4A993, #957F94, #624B55)
• Fern Corridor color palette (#FFF2EB, #E8B68F, #B39456, #8A7D47, #625300)
• Feathered Mustard color palette (#FDF4E3, #FFCBBE, #E9B948, #54B170, #3B3300)
• Washed Driftwood color palette (#FBF4E9, #D6C293, #99B1E3, #A48943, #5E425A)
• Tempered Field color palette (#F5F6ED, #C9D7B8, #6EA8A5, #917574, #3F5614)
• Weathered Thicket color palette (#FBF3EF, #C2E1E8, #92BCA7, #62927F, #35514A)
• Wandering Hollow color palette (#FCEFE6, #D2865A, #735100, #562B00, #27201D)

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