Tempered Cocoa color palette — #EAF6EA · #95B59B · #5F7E60 · #66431E · #12281A

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

The five colors

• Cream (#EAF6EA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#95B59B): A luminous, dusty teal — the color of sea glass.
• Fern (#5F7E60): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#66431E): A full-bodied, dusty gold — the color of old brass.
• Onyx (#12281A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Taupe Delta color palette (#E1F9EA, #B0AE80, #7E764A, #32563C, #08291F)
• Muted Bronze color palette (#FDEDF3, #C4A0AD, #966A49, #67412E, #192718)
• Weathered Chestnut color palette (#D7E5D6, #AF9463, #845B20, #583510, #001F0C)
• Muted Driftwood Orchard color palette (#FFF3E5, #CFBB9B, #AD8854, #876038, #403D36)
• Wandering Bronze color palette (#D5F3DA, #876F1F, #583F00, #321E00, #070500)
• Pewter Quarry color palette (#F3F0FA, #D8A692, #6E4563, #3A1A32, #0F0917)
• Softworn Driftwood color palette (#F4EFFF, #AB6E9E, #9D673A, #295482, #1D1627)
• Antique Mulberry Study color palette (#F5EFFA, #E499B9, #B1554E, #9B3F6C, #150914)

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