Tempered Cocoa color palette — #FFF3E6 · #E0DFBC · #B7CE96 · #A17051 · #694300

Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#E0DFBC): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B7CE96): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A17051): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#694300): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Patina Parlor color palette (#FAF5E7, #D7E3CB, #8AD7D5, #9B8969, #5D4A00)
• Weathered Alley color palette (#FFEEE1, #DBE0C2, #ADCCAA, #9B686B, #3A352F)
• Worn Basin color palette (#FFF2ED, #E0D9CE, #FAB085, #A96A76, #544C49)
• Worn Bronze color palette (#FFF2E9, #C0A084, #A25F34, #724432, #573400)
• Hazy Lime color palette (#FFF4DF, #D2CA59, #92B21C, #885B00, #433B00)
• Chestnut Hollow color palette (#FFF2EB, #DEE3CB, #A1DFD2, #D29BAF, #704A00)
• Olive Garden color palette (#EEDDC5, #B9A45D, #7A7F00, #563200, #241A00)
• Patina Terrace color palette (#F5F8E0, #D7E3BA, #65BCA1, #56742E, #3B3D36)

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