Tempered Cocoa color palette — #E7F2E9 · #AABFB3 · #78958C · #594000 · #132416

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Stone (#AABFB3): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#78958C): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#594000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#132416): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Garnet Delta color palette (#E4DCE1, #C3B4BB, #7F957F, #7A2008, #291A25)
• Chestnut Parlor color palette (#EEE6DD, #C8C4B4, #A1A98B, #815700, #2A1C09)
• Hushed Fern color palette (#EBF9F3, #C0D9D4, #8BAFAD, #586100, #153B2F)
• Softworn Spruce color palette (#D3E4E1, #8A9F9E, #4F797E, #103400, #000C0A)
• Timeworn Lagoon Field color palette (#D6F2EC, #4E8964, #005141, #452600, #00220F)
• Ancient Pewter Delta color palette (#F0F7F2, #D0DEDF, #B0C4C8, #817447, #3F4B43)
• Driftwood Hollow color palette (#EEE8D3, #729052, #1C6147, #2E3457, #2E1834)
• Washed Marigold Coast color palette (#CAE8D9, #DD9200, #847F00, #056213, #131700)

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