Tempered Cocoa color palette — #E8F6EC · #8EB5A7 · #847347 · #6A4121 · #052926

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Sage (#8EB5A7): A luminous, dusty teal — the color of glacier melt.
• Walnut (#847347): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6A4121): A full-bodied, dusty gold — the color of old brass.
• Onyx (#052926): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Wandering Bronze color palette (#EBF9EF, #86B39D, #85702E, #674C26, #26443B)
• Worn Cocoa Alley color palette (#CFE7D9, #76A397, #706529, #5B3300, #001D1C)
• Cocoa Veranda color palette (#FAEEF3, #AEC1B1, #9A7788, #7B4748, #193228)
• Timeworn Amber color palette (#FFF4E0, #BAC498, #A88C3D, #905B29, #3B4200)
• Ultramarine Boulevard color palette (#EEF2F8, #9AB2E9, #A36329, #355AC7, #1A0710)
• Obsidian Fern Thicket color palette (#CEE7D9, #526B35, #3E3700, #261300, #000201)
• Terracotta Delta color palette (#FBDFF0, #BA802F, #993700, #690029, #161200)
• Garnet Grove color palette (#EAF2FF, #B9A4D8, #A65F97, #881336, #401200)

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