Tempered Cocoa color palette — #FFF2E9 · #BEA187 · #93664D · #794018 · #583400

A conversation between Bronze and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Camel (#BEA187): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#93664D): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#794018): A full-bodied, balanced gold — the color of honey in a jar.
• 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 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

• Bronze Canyon color palette (#FDF4E6, #C4B69C, #9F7938, #7E5312, #5A4400)
• Worn Chestnut color palette (#F8E4D6, #BB8B69, #8D5233, #623729, #352F2A)
• Chalky Garnet color palette (#FFE6F0, #DE9AAC, #AC5F6A, #872E2F, #573000)
• Taupe Coast color palette (#FFF0F8, #ECC3D4, #D79E7E, #AB7B6A, #4B363E)
• Terracotta Lagoon color palette (#FFF0F8, #DCB0BE, #B0846D, #955352, #294432)
• Olive Field color palette (#FBEEC9, #9CA451, #726C00, #574800, #37362F)
• Washed Bronze color palette (#F4E8DD, #9D692D, #693600, #441A00, #211300)
• Ancient Field color palette (#FFF1F3, #CF9BC7, #A45259, #81487A, #331E18)

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