Tempered Cocoa Field color palette — #E8D9E1 · #AAA964 · #863D17 · #471800 · #170410

Burnt Sienna and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E8D9E1): a clean, paper-quiet neutral.
• Sage (#AAA964): A luminous, balanced green — the color of new leaves after rain.
• Burnt Sienna (#863D17): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#471800): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#170410): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

One click turns Tempered Cocoa Field 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

• Aged Lagoon color palette (#FCE9F0, #BFB67C, #92500B, #522900, #240E18)
• Aged Mulberry Boulevard color palette (#E5D9E8, #8EB365, #932548, #510020, #110614)
• Taupe Bloom color palette (#D2E3D5, #BFA05C, #6D5000, #362600, #001003)
• Frosted Villa color palette (#FFF2EB, #CEBE00, #823719, #2F0A00, #030100)
• Antique Mustard color palette (#EAD8E1, #E3B030, #B0612C, #643E26, #17040E)
• Amber Balcony color palette (#EADBCF, #AD8624, #562600, #270E00, #080500)
• Faded Terracotta color palette (#F2E8EE, #EB8659, #008476, #A34000, #001014)
• Washed Bronze Pier color palette (#EFF8F1, #A9CFB1, #886E35, #523F12, #17261A)

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