Tempered Cocoa color palette — #EFE2CE · #72723D · #574100 · #391C00 · #020400

Deep Olive and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EFE2CE): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#72723D): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#574100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#391C00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Hushed Quarry color palette (#F8E5D8, #8E6634, #702F00, #4B000A, #050300)
• Olive Corridor color palette (#CCEBD2, #7C7600, #4D3800, #200C00, #010100)
• Feathered Olive color palette (#EAE2C7, #91A77B, #797600, #644700, #002D12)
• Wandering Studio color palette (#FFD8D2, #93184D, #484800, #002F37, #060001)
• Charred Terracotta color palette (#F5D8C7, #8E2E00, #3B3300, #001C21, #050003)
• Patina Garnet color palette (#F3E4E4, #A75288, #544300, #65004B, #030100)
• Tempered Canyon color palette (#F1E3D9, #AC8451, #984600, #770010, #1C1500)
• Charred Field color palette (#F3D9DB, #66801C, #4D0046, #26120D, #10000E)

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