Tempered Cocoa color palette — #FEF2EC · #C7C38B · #7E5141 · #5A2900 · #29241A

A conversation between Espresso and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Pistachio (#C7C38B): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7E5141): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5A2900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#29241A): quiet, heavy and certain.

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

• Stone Terrace color palette (#FAF5E8, #DEBA83, #646033, #3B3832, #23261B)
• Bronze Summit color palette (#FEF3EA, #E8CCAB, #A66F3E, #713F04, #35291F)
• Antique Orchard color palette (#FDF3ED, #F4AD91, #348E84, #945D47, #293028)
• Taupe Grove color palette (#FAF3F7, #C3E9D1, #C2927B, #8B624E, #34272E)
• Ancient Marigold color palette (#FFF3E6, #C29D00, #663E00, #382000, #171401)
• Softworn Orchard color palette (#E4DFCA, #A66D00, #272900, #121920, #090A00)
• Moonless Chestnut color palette (#FEECDE, #6D5E00, #1F2D2B, #240D00, #060100)
• Apricot Archive color palette (#FFF3E8, #D09C5A, #54855B, #5C5277, #4A4740)

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