Tempered Cocoa color palette — #EBDDE2 · #B0C0B2 · #7D9A8A · #593100 · #040001
Cocoa and Eucalyptus set the tone — five colors that lean into optimism and sophistication.
The five colors
- Shell Pink (#EBDDE2): a clean, paper-quiet neutral.
- Stone (#B0C0B2): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#7D9A8A): A luminous, dusty teal — the color of glacier melt.
- Cocoa (#593100): A deep, shadowed, balanced gold — the color of honey in a jar.
- Black (#040001): 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
- Garnet Ridge color palette (#EDE2ED, #CAB3C3, #A48995, #6F1126, #030004)
- Patina Bronze color palette (#E6DFDA, #948C7E, #796B1F, #412000, #030100)
- Aged Fern color palette (#E1F3EE, #B9D7D4, #80B0B3, #3A5801, #000302)
- Muted Chestnut Lagoon color palette (#F3EBEE, #92AAA6, #749193, #925000, #15030B)
- Timeworn Dune color palette (#FFEBCB, #8C8943, #1E5724, #041D3B, #01000A)
- Ancient Canyon color palette (#CCE8D0, #FB8428, #AD8100, #456600, #020100)
- Olive Atelier color palette (#D8F4E8, #538B2D, #004923, #320F00, #000200)
- Tempered Bronze Hollow color palette (#F0F8F1, #C1DDE9, #A6BDCC, #90712C, #172119)
Browse the whole catalog at Explore, or see today's palette.