Cocoa Thicket color palette — #F8F1E3 · #B8AA85 · #817549 · #654500 · #28220D

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Camel (#B8AA85): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#817549): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#654500): A full-bodied, balanced gold — the color of old brass.
• Onyx (#28220D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Hushed Delta color palette (#FFEEE3, #D1B59F, #AE7347, #814621, #36291C)
• Chestnut Hollow color palette (#EDDFC5, #A39A63, #786216, #523900, #1F1700)
• Worn Cocoa color palette (#EDF9F0, #89B2A1, #817141, #6D4921, #26443E)
• Tempered Terracotta Corridor color palette (#F4E6DC, #BD7C4E, #943D00, #631700, #1E0D00)
• Patina Cocoa color palette (#FFEDEB, #DAA687, #794055, #3D1D1A, #140908)
• Mulberry Corridor color palette (#FAEFEC, #ED97A0, #A36330, #A03F4F, #180B02)
• Velvet Fern Hollow color palette (#EBE6D7, #616800, #3B3800, #1E1700, #010200)
• Wandering Iris color palette (#FEECF4, #8875B6, #00735E, #004855, #180B18)

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