Tempered Cocoa color palette — #FFF2EA · #CD9B74 · #936653 · #7C3E22 · #553500

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CD9B74): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#936653): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#553500): 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 Tempered 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

• Pewter Archive color palette (#FFEEE4, #C0A68D, #956958, #693E41, #2D2009)
• Ancient Summit color palette (#FDF4E1, #A8AC78, #817236, #6F4900, #443E00)
• Driftwood Grove color palette (#FFF0F9, #EBC3D6, #D79D83, #B67564, #4E343F)
• Muted Coral Alley color palette (#FDF3EF, #F18E8C, #7F6F00, #914545, #292316)
• Hazy Field color palette (#FAD7B9, #C17C00, #8A4600, #692005, #352600)
• Wandering Driftwood color palette (#FFF0F9, #DCB0C0, #B6816C, #7B5D7B, #2C4432)
• Misty Bronze color palette (#F7E4D6, #A56500, #6E3200, #4E0B00, #1F1400)
• Hushed Moss Villa color palette (#F1E7CF, #85902A, #625600, #493300, #282500)

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