Tempered Cocoa color palette — #E9E0E4 · #9AA99C · #708E81 · #6C3300 · #15020C

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

The five colors

• Parchment (#E9E0E4): a clean, paper-quiet neutral.
• Taupe (#9AA99C): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#708E81): A luminous, dusty teal — the color of sea glass.
• Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#15020C): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Basalt Terrace color palette (#DCE5E0, #96AAA4, #6E8D8D, #4F4600, #000D05)
• Washed Meadow color palette (#F4ECF3, #B09FA8, #758E77, #85001D, #110410)
• Chestnut Grove color palette (#EEDEE5, #93AEA5, #74968F, #925000, #14040B)
• Wandering Workshop color palette (#EDE1D8, #CAB89F, #9C926F, #602A00, #030100)
• Timeworn Bronze Meadow color palette (#E5DFDA, #A79785, #8F6827, #422100, #0F0702)
• Washed Archive color palette (#DFE7E2, #B5C9C3, #89ADAB, #716000, #0B2517)
• Ancient Fern color palette (#F2E2E0, #5E7C5F, #475F1C, #2D2159, #280020)
• Washed Garnet color palette (#DAEBE2, #588241, #005336, #550023, #020800)

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