Tempered Cocoa color palette — #FFF2EA · #E6CBB4 · #D1A088 · #AE7969 · #593300

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#E6CBB4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D1A088): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AE7969): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Wandering Delta color palette (#FFF2EA, #D1B9A0, #B4826B, #905657, #403D36)
• Antique Bronze color palette (#FFEEE0, #EFC99D, #D4AA5D, #9C7C00, #4B4100)
• Weathered Atelier color palette (#FFEBF6, #CBA286, #9D6549, #694033, #301B24)
• Worn Taupe Lantern color palette (#FCF3F0, #F1CEAE, #C18183, #845456, #2E1D17)
• Rust Canyon color palette (#F5E7DD, #BC8054, #AE4D00, #862700, #150800)
• Antique Coral color palette (#FBF3EF, #FFC6B6, #DDA14A, #EE7C5D, #31200B)
• Ancient Amber color palette (#F7D8BC, #ECA85D, #D97800, #B25000, #392400)
• Chestnut Terrace color palette (#F4E5D1, #987D34, #7C5800, #593700, #050300)

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