Tempered Cocoa color palette — #F7ECE3 · #DBCDBF · #B3A48E · #733E00 · #050200

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

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Oat (#DBCDBF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B3A48E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#733E00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#050200): quiet, heavy and certain.

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

• Ancient Basalt Balcony color palette (#E9E0E4, #95A597, #5A8774, #572700, #0C0106)
• Weathered Bronze color palette (#EBE4DE, #B1B1A2, #92A07D, #AE5600, #220E00)
• Timeworn Driftwood Terrace color palette (#EFE9D4, #918F56, #576C3E, #003B39, #000A0D)
• Tempered Fern Alley color palette (#F5F6EA, #D1DDD2, #B6BFA6, #386F1F, #0D0E02)
• Feathered Apricot Summit color palette (#FFEED7, #FE932E, #C58A00, #736700, #020100)
• Moss Dune color palette (#E9E2C1, #7E9A3F, #2E5B00, #3C2600, #010100)
• Timeworn Atelier color palette (#F3E8CC, #9C6B00, #4D4300, #002218, #020100)
• Dusty Chapel color palette (#F8F5EC, #D8E0CF, #9BB8C5, #A09500, #37352E)

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