Tempered Cocoa color palette — #FFEADD · #9A6B2D · #762900 · #50001D · #1B1600
Built around Rust, softened by Espresso — the whole palette hums with optimism and balance.
The five colors
- Cream (#FFEADD): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#9A6B2D): A full-bodied, balanced gold — the color of old brass.
- Rust (#762900): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#50001D): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, 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
- Hushed Thicket color palette (#FADFEF, #A35E1A, #722A00, #480004, #0A0400)
- Onyx Atelier color palette (#EADFD1, #7E783D, #5F3D00, #491400, #0C1B00)
- Garnet Loft color palette (#F3E0D2, #A1824F, #873D00, #6B001E, #272600)
- Powdered Market color palette (#F9E8F2, #DC8900, #B76143, #874052, #1C1600)
- Hushed Mulberry color palette (#FFEADE, #BD9469, #9F4F34, #860E3F, #403500)
- Muted Rust color palette (#E3EADE, #B45F4A, #2A333F, #002F25, #000C08)
- Eclipse Fern color palette (#F4EBD7, #4C6226, #342B00, #1D0C00, #000501)
- Misty Nightshade color palette (#E6F1E3, #005F58, #2C3199, #520018, #00110F)
Browse the whole catalog at Explore, or see today's palette.