Tempered Cocoa Thicket color palette — #FEF3E7 · #E6D7BF · #CCB189 · #AC8B6A · #5C4300

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Bone (#E6D7BF): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CCB189): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AC8B6A): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Tempered 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

• Bronze Garden color palette (#FAE5D1, #C09666, #B1681A, #8D4200, #201300)
• Stone Boulevard color palette (#E9F6EA, #CDB98E, #977E59, #695058, #233027)
• Bronze Harbor color palette (#F6E4D7, #E4B795, #D18A61, #AD6348, #342F2A)
• Stone Courtyard color palette (#EDF9ED, #B7ECE7, #C6A982, #946C82, #32443D)
• Feathered Quarry color palette (#FFF4DA, #DEE1B0, #B2C28A, #739E4D, #255620)
• Hazy Mustard color palette (#FBEDCE, #CDCC90, #B7A53E, #9D7B00, #343A00)
• Dusty Bronze Pier color palette (#E9E3D0, #AEB887, #939346, #7B6B00, #292500)
• Ancient Chestnut color palette (#F8EBD6, #908041, #775B00, #553900, #040300)

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