Tempered Cocoa color palette — #E0FEEC · #E4D2E5 · #CCB0C0 · #AD876F · #6C4500

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#E0FEEC): A whisper-light, dusty teal — the color of glacier melt.
• Silver (#E4D2E5): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#CCB0C0): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#AD876F): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6C4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Wandering Summit color palette (#E9FBDB, #C6E1CC, #9FC7B7, #B27F92, #7E4222)
• Fern Lagoon color palette (#FDE0ED, #DEBABF, #C59990, #81895E, #414B00)
• Weathered Boulevard color palette (#DDFCFF, #CEDBF8, #ABA5D2, #648B77, #3E5248)
• Fern Orchard color palette (#EDFBDD, #C3D0B5, #8BA99A, #887D4C, #48570E)
• Chalky Chapel color palette (#DBEEFF, #ADBCEB, #AE8CC2, #A86001, #463C00)
• Hushed Garden color palette (#F3E3FF, #C28DAE, #A67375, #3E6B15, #003421)
• Ancient Garden color palette (#DEF3FF, #93B7DC, #767E9C, #6B5763, #293C2B)
• Wandering Pewter color palette (#F3DEEE, #8A7EAF, #88537E, #5A4200, #0F1500)

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