Tempered Cocoa color palette — #EEFAE7 · #B8CCB7 · #809487 · #7C6C77 · #674947
A conversation between Coffee and Pistachio, giving this palette its sense of sophistication.
The five colors
- Ivory (#EEFAE7): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B8CCB7): A whisper-light, dusty green — the color of new leaves after rain.
- Eucalyptus (#809487): A luminous, dusty teal — the color of glacier melt.
- Pewter (#7C6C77): A full-bodied, dusty pink — the color of peonies in June.
- Coffee (#674947): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, retro, 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
- Driftwood Canyon color palette (#E4FCEF, #BCD8D4, #9AB5BD, #8F7994, #5D4751)
- Cypress Study color palette (#F5F6EE, #C7E6DE, #65A5AD, #3B7C72, #385141)
- Ancient Taupe color palette (#EEF8EE, #79BEBC, #A6995E, #2B8180, #504D46)
- Softworn Onyx color palette (#C8EDF9, #6999B2, #4B6888, #503958, #4B1C2A)
- Aged Courtyard color palette (#F6F6EE, #C1C4A1, #7C8943, #6E691D, #4F5100)
- Antique Drift color palette (#DFFEEA, #96D6E9, #3A899E, #005768, #1B3E2A)
- Patina Navy color palette (#D6E1F2, #6C76A6, #4D3878, #4E112A, #2E0E00)
- Garnet Harbor color palette (#D4E1FB, #9498E2, #7B68A1, #7A2D43, #582D0A)
Browse the whole catalog at Explore, or see today's palette.