Tempered Cocoa color palette — #ECE8E2 · #BCBAA8 · #899375 · #593F00 · #281D0B

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

The five colors

• Parchment (#ECE8E2): a clean, paper-quiet neutral.
• Stone (#BCBAA8): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#899375): A luminous, dusty green — the color of fresh herbs.
• Bronze (#593F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#281D0B): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Timeworn Basalt color palette (#E9F1EB, #A6B8B0, #6F978D, #544100, #020E05)
• Dusty Loft color palette (#F5EFE5, #CAC4B0, #A9A77E, #765D00, #251E12)
• Timeworn Coast color palette (#EDF0E9, #C5CFC6, #8DA79D, #006543, #2B3022)
• Spruce Lagoon color palette (#EEEFE4, #959C91, #607768, #0B3500, #0A0A00)
• Hushed Bronze color palette (#E0E8E1, #AFC5C7, #8FABB7, #A3780F, #172319)
• Bronze Studio color palette (#F8F5EF, #D7DCD6, #B4C4BB, #887314, #4C473C)
• Frosted Parlor color palette (#FFDDDA, #908045, #276A4A, #67102C, #441A0B)
• Garnet Delta color palette (#E3E4D6, #408978, #004E58, #5A0326, #00211A)

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