Tempered Cocoa color palette — #F1DDCF · #936825 · #6F2C00 · #470015 · #060500
Built around Rust, softened by Espresso — the whole palette hums with optimism and balance.
The five colors
- Parchment (#F1DDCF): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#936825): A full-bodied, balanced gold — the color of old brass.
- Rust (#6F2C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#470015): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#060500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, 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
- Olive Villa color palette (#F3E8D6, #71773C, #573F00, #3B1700, #000800)
- Washed Corridor color palette (#FBECE3, #A67E49, #863C19, #591125, #120E00)
- Patina Coast color palette (#FEE3D3, #C99450, #9F5231, #732137, #211C00)
- Moonless Mulberry color palette (#F5D8CF, #9A0027, #6B000E, #001E13, #030005)
- Timeworn Aubergine color palette (#F6E7EE, #7D67BE, #673400, #410088, #030100)
- Muted Bronze Harbor color palette (#F7F1E6, #C0BCA3, #9F7D3A, #7D4A14, #2B2E1F)
- Hazy Villa color palette (#E9E7FE, #A34DA3, #80003C, #401400, #0A0400)
- Ancient Sapphire color palette (#CDEBDA, #A97300, #006AE5, #090519, #030003)
Browse the whole catalog at Explore, or see today's palette.