Hushed Cocoa Grove color palette — #FFF2E9 · #D8B799 · #B28368 · #8D5A48 · #583400

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sand (#D8B799): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B28368): A luminous, dusty gold — the color of old brass.
• Walnut (#8D5A48): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#583400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Antique Alley color palette (#FDF4E2, #C8BD9F, #9C9053, #7B6630, #3F3D36)
• Dusty Bronze Delta color palette (#F8E4D3, #C7A888, #AC7042, #834A2B, #342F2A)
• Chestnut Studio color palette (#FAE5CE, #AE8440, #875300, #5D3000, #1E1400)
• Weathered Quarry color palette (#F9F6E4, #9DA654, #C3738A, #A7533E, #34332C)
• Softworn Sand color palette (#FFF0F8, #F4C797, #D0A089, #9C7B9A, #2E4335)
• Wandering Corridor color palette (#F5E8CF, #77703A, #534400, #302100, #040400)
• Wandering Workshop color palette (#F3F7EA, #C3C99C, #42815C, #0B4F2F, #1F2416)
• Tempered Lagoon color palette (#F1F7F0, #87D5CC, #349DBB, #00948A, #16291F)

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