Tempered Cocoa color palette — #CEF2E2 · #67A589 · #3C6C87 · #654300 · #284129

Bronze takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CEF2E2): A whisper-light, dusty teal — the color of sea glass.
• Jade (#67A589): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3C6C87): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#654300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#284129): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged vintage, retro, muted, cool.

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

• Petrol Delta color palette (#D8F0EF, #6D9DAE, #546491, #3C4C1F, #003A2A)
• Dusty Veranda color palette (#EEECCD, #7DAE88, #207080, #693531, #442840)
• Patina Denim Delta color palette (#E1EEE2, #489BAA, #3B4B98, #433105, #1F2200)
• Hushed Grove color palette (#E0F2ED, #5598A2, #346591, #5A2A38, #360A01)
• Timeworn Grove color palette (#DAECCD, #A2BC9A, #719F8A, #A06758, #4C3500)
• Chestnut Quarry color palette (#D6F1FC, #007986, #7F5500, #444E0E, #002529)
• Softworn Driftwood color palette (#E1FCF8, #8ABCCD, #787FAF, #436E5B, #3E574C)
• Turquoise Study color palette (#D3EBEF, #58B3C3, #5581A6, #7C505B, #4A2E43)

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