Tempered Cocoa color palette — #FAECE2 · #9D6229 · #702C00 · #470404 · #0A0400

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FAECE2): A whisper-light, dusty gold — the color of old brass.
• Ochre (#9D6229): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#702C00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#470404): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, 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

• Antique Bronze Meadow color palette (#F0DCC1, #866F1B, #5B3D00, #371A00, #060600)
• Weathered Rust color palette (#F3E2D9, #B85741, #524200, #661200, #020100)
• Wandering Chestnut color palette (#FADBC3, #AC7B43, #843F00, #5C1200, #150D00)
• Rust Drift color palette (#FFE3D1, #CC9166, #A74C26, #732525, #2A1700)
• Midnight Garnet color palette (#FFE9DC, #892600, #003D37, #001747, #040002)
• Bronze Grove color palette (#F8F1E5, #C5BB9D, #9F7D3A, #794D09, #2F2C1C)
• Weathered Garden color palette (#CEE4ED, #3D9700, #D2004C, #150800, #040000)
• Worn Orchard color palette (#FFE3C8, #8C6C35, #633800, #3D1400, #070500)

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