Tempered Cocoa color palette — #EEF9E9 · #007C6A · #753E00 · #443D00 · #102D11

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

The five colors

• Ivory (#EEF9E9): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#007C6A): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#753E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#443D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#102D11): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Spruce Grove color palette (#E2FDED, #007C92, #5A4C00, #0A4605, #002926)
• Worn Summit color palette (#F2F9DE, #007B31, #94030D, #533400, #1D2300)
• Worn Cocoa Basin color palette (#DFEEDF, #00605F, #593800, #242900, #00180C)
• Timeworn Fern Harbor color palette (#FBF1FC, #6484AE, #4F6E3C, #005748, #23372C)
• Hushed Garden color palette (#E1F8F1, #0072BC, #970040, #393C00, #000C17)
• Pale Plum Courtyard color palette (#ECF7FF, #009FDD, #CD0051, #5D6000, #00293C)
• Faded Mulberry color palette (#FFF1F3, #B250B0, #A80036, #5F3300, #333300)
• Frosted Wisteria Boulevard color palette (#ECF7FF, #26B8FC, #CB73FB, #008353, #00242F)

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