Tempered Cocoa color palette — #FDF4E6 · #D4CAB2 · #AF986E · #916C47 · #554700

Deep Olive takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#D4CAB2): A whisper-light, dusty gold — the color of old brass.
• Taupe (#AF986E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#916C47): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Driftwood color palette (#FFF3E6, #CFBB9C, #B08657, #8C5C3F, #403D36)
• Washed Bronze color palette (#EBDCC1, #AEA952, #917400, #714900, #242D00)
• Softworn Loft color palette (#E9FBEC, #B5E8CB, #C2AB80, #8F707B, #32443D)
• Softworn Bronze Bloom color palette (#EBDCC7, #8F7C31, #6D4C00, #492600, #0C0C00)
• Faded Garnet Villa color palette (#F6E3D6, #BC9676, #A05E3E, #8C1E19, #332000)
• Weathered Peony Studio color palette (#FCF3F2, #F2C1D6, #C58F50, #C86696, #322D27)
• Ancient Driftwood Harbor color palette (#FCF3F3, #E3CEAC, #996D8D, #674144, #352728)
• Antique Lagoon Studio color palette (#FFF1F1, #CE98B7, #87A678, #088D87, #4F3535)

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