Tempered Cocoa color palette — #E7E0DA · #BAB3A7 · #999777 · #803D00 · #220E00

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

The five colors

• Parchment (#E7E0DA): a clean, paper-quiet neutral.
• Stone (#BAB3A7): a calm mid-gray that lets other colors speak.
• Eucalyptus (#999777): A luminous, dusty green — the color of fresh herbs.
• Bronze (#803D00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#220E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Hushed Cocoa Balcony color palette (#E6E2DC, #A7A597, #7F8C6A, #584100, #0F0800)
• Hushed Bronze color palette (#F9ECE2, #B3B299, #959E77, #A65C03, #1E1004)
• Mulberry Drift color palette (#EEE2E0, #C3B0A4, #A49279, #9A0044, #240B07)
• Worn Terrace color palette (#E5E5DF, #C0C7BA, #96AB9B, #416F00, #212107)
• Weathered Bronze color palette (#FEF3E8, #E5DECA, #BEC298, #AB6400, #37322C)
• Linen Aubergine color palette (#FFEAE9, #B86C6B, #756231, #471E7D, #390012)
• Muted Navy Study color palette (#F2E0D2, #A14900, #504500, #01077A, #120400)
• Sunlit Aubergine color palette (#EFEAD9, #599455, #006152, #591853, #011501)

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