Tempered Cocoa color palette — #FFF2EA · #EBC9AF · #D89D82 · #A97B6F · #593300

Built around Cocoa, softened by Camel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#EBC9AF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D89D82): A luminous, balanced orange — the color of autumn markets.
• Caramel (#A97B6F): A luminous, dusty orange — the color of autumn markets.
• 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

• Dusty Garden color palette (#FFF2EA, #D5B89A, #BF7C61, #8E575A, #403D36)
• Washed Quarry color palette (#FFEEE4, #C5A582, #9C6551, #693D47, #2C2105)
• Feathered Bronze Studio color palette (#F6E5D7, #BD8144, #A55600, #7D3300, #130900)
• Misty Coast color palette (#F7D8B7, #E9AA48, #CF7F00, #A95900, #362600)
• Sunlit Blush color palette (#FFF0FA, #A5B3FF, #F285AD, #BF7B71, #3F2B3A)
• Antique Mustard color palette (#F8EED6, #CDCE7A, #B8A523, #987C27, #37362F)
• Mint Lagoon color palette (#EFF9EA, #2BCFBA, #D4893F, #8D7F28, #282B17)
• Softworn Bronze Archive color palette (#EBDFC9, #92812F, #765C00, #543900, #050300)

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