Tempered Cocoa color palette — #FFF4E1 · #EAD7AF · #C5B489 · #A18F77 · #584500
Built around Deep Olive, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Wheat (#EAD7AF): A whisper-light, dusty gold — the color of old brass.
- Sand (#C5B489): A luminous, dusty gold — the color of old brass.
- Caramel (#A18F77): A luminous, dusty gold — the color of honey in a jar.
- Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Dusty Lantern color palette (#F9F1E3, #C2BC9E, #948055, #794B2F, #2C2E19)
- Straw Drift color palette (#FAF8C9, #D3E199, #AAC38D, #729666, #1F522C)
- Mustard Market color palette (#FEF3E7, #F2B56B, #90C5A1, #B88AA1, #573500)
- Worn Bronze Veranda color palette (#FCF4EC, #FDD89E, #B99776, #916129, #312A22)
- Driftwood Hollow color palette (#EBFAEE, #BEE5E3, #98B89F, #956D7A, #30443D)
- Moss Thicket color palette (#FAEFC6, #BFD376, #A7AA47, #8B813D, #36362F)
- Hushed Olive color palette (#E8E3BF, #87861A, #6D6000, #4E3D00, #030400)
- Faded Atelier color palette (#EEE2D3, #CB9400, #A76F04, #804C0D, #1F1400)
Browse the whole catalog at Explore, or see today's palette.