Tempered Cocoa color palette — #F4E0EB · #B7825C · #AA5116 · #862700 · #150800

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#F4E0EB): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B7825C): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#AA5116): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#862700): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#150800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Timeworn Market color palette (#EEDFE7, #9E7443, #863800, #600011, #100A00)
• Chestnut Parlor color palette (#E0F6E3, #957E41, #7C5900, #583700, #050300)
• Feathered Study color palette (#D2EBDB, #927A00, #BB189B, #A00031, #060400)
• Amber Chapel color palette (#F7D2E1, #DFAD78, #D97800, #B25100, #392400)
• Smoked Chestnut Meadow color palette (#EEE0D5, #914D00, #582500, #2F0A00, #030100)
• Faded Terrace color palette (#D0F1E6, #6A8000, #AF0057, #742800, #030100)
• Bronze Meadow color palette (#F6E1ED, #DFB3C8, #CE8B6D, #A96453, #422732)
• Faded Moss color palette (#CCEBDA, #B2B685, #9B9124, #806900, #202800)

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