Tempered Cocoa Atelier color palette — #F9E9E3 · #9E6119 · #732800 · #480010 · #090400

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F9E9E3): bright and airy, almost weightless.
• Ochre (#9E6119): A full-bodied, balanced gold — the color of old brass.
• Rust (#732800): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#480010): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#090400): 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 Atelier 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

• Washed Basin color palette (#F6DAEB, #956D3B, #752A02, #50001D, #001C0E)
• Antique Bronze color palette (#F6E7D3, #807300, #5A3E00, #3A1800, #040600)
• Terracotta Veranda color palette (#FFD8EE, #D68248, #9B4002, #591806, #0D0005)
• Airy Garnet color palette (#FFE6F4, #B18059, #924927, #6E1B1A, #211300)
• Softworn Dune color palette (#FFEEE1, #C6A578, #946A50, #693F3A, #292212)
• Washed Denim Balcony color palette (#E1F0E9, #005A77, #5F3A00, #392100, #000305)
• Worn Lantern color palette (#CEE4DD, #CA4522, #002C48, #262025, #000813)
• Patina Aubergine Drift color palette (#D8F1E5, #0083B0, #6D0079, #003C52, #040001)

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