Tempered Cocoa color palette — #EDE4B9 · #9AA888 · #618576 · #7E4221 · #543800

Bronze and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#EDE4B9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9AA888): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#618576): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#7E4221): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#543800): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Dune color palette (#EBEADA, #9FB594, #5F80A4, #655627, #414600)
• Muted Coast color palette (#FFEBDC, #C8A987, #7D7E35, #7D4262, #653400)
• Patina Harbor color palette (#F5E4C2, #639470, #005F72, #532F00, #312200)
• Cerulean Study color palette (#DAEAC7, #ACC3A8, #53A0BC, #815F5F, #633D33)
• Worn Fern color palette (#F9F5E8, #98A078, #007367, #4E4F03, #35362F)
• Aged Fern color palette (#BFE9F7, #6A9EAE, #3F7062, #524A00, #004528)
• Patina Dune color palette (#CFEBEB, #72B0AC, #45768C, #663F57, #372139)
• Washed Bronze Balcony color palette (#F3F8E1, #C2CDB9, #7FA195, #846B22, #3E5741)

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