Tempered Cocoa color palette — #EFDDD1 · #A4713C · #8A3300 · #600017 · #110A00

Burnt Sienna and Oxblood set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#EFDDD1): A whisper-light, dusty gold — the color of old brass.
• Walnut (#A4713C): A full-bodied, balanced gold — the color of honey in a jar.
• Burnt Sienna (#8A3300): A full-bodied, balanced orange — the color of toasted spice.
• Oxblood (#600017): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#110A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Tempered Pier color palette (#FDE7D7, #AE834D, #984500, #780011, #1C1500)
• Washed Bronze color palette (#E8DDD0, #8D7D30, #6F4A00, #502100, #0A0D00)
• Feathered Amber color palette (#F9D9CD, #BE7006, #832E00, #460010, #020100)
• Quiet Terracotta Delta color palette (#F3D9C4, #CC9B50, #B55B00, #9C0A0C, #312900)
• Washed Bronze color palette (#E8DFCA, #98A66E, #837100, #6B4300, #242700)
• Tempered Terrace color palette (#FBE2D4, #C6A78B, #A9705D, #88414B, #34302A)
• Tempered Bronze color palette (#FCECD2, #B9B971, #A68010, #8E4E00, #283D0D)
• Tempered Rust Ridge color palette (#DBECE5, #C2654B, #003D56, #00121C, #000204)

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