Tempered Cocoa color palette — #FFEFDD · #B9A98A · #916D3F · #723C0C · #282309

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
• Camel (#B9A98A): A luminous, dusty gold — the color of old brass.
• Walnut (#916D3F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#723C0C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#282309): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Sunlit Pier color palette (#FCE4D1, #C19956, #9D5610, #752519, #211C00)
• Aged Boulevard color palette (#FFF3E4, #BAA381, #8D6C3D, #6E481F, #403D36)
• Wandering Lantern color palette (#F3DEC7, #9A8444, #784900, #561C00, #130E00)
• Ancient Veranda color palette (#EDF9ED, #A8C6B3, #AF8753, #8B5C44, #27443A)
• Aged Olive color palette (#F0DEBF, #73772C, #544100, #351B00, #020700)
• Softworn Lagoon color palette (#E9F6E7, #009A94, #A65E55, #783F39, #101E0E)
• Softworn Stone Terrace color palette (#E9F6EA, #DCA587, #006165, #152E19, #060F07)
• Hushed Hollow color palette (#EEF4ED, #76C3BE, #696CB3, #007470, #170813)

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