Tempered Cocoa Coast color palette — #E5EFE3 · #005E5A · #5D3A00 · #2D2A00 · #001110

Bronze takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E5EFE3): bright and airy, almost weightless.
• Peacock (#005E5A): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#5D3A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#2D2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001110): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Cocoa Coast 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

• Smoked Harbor color palette (#D6EBDB, #004E56, #433400, #182000, #000607)
• Hazy Abyss Meadow color palette (#CFEDDB, #00748C, #615B00, #244700, #00242D)
• Ultramarine Station color palette (#EDD6E7, #485AAE, #00633E, #00413C, #101739)
• Pale Bronze color palette (#E9FBEC, #20919B, #8C6C00, #495B00, #223927)
• Indigo Parlor color palette (#FFF0FB, #556CD1, #007B42, #005653, #1E284F)
• Pale Station color palette (#F5E2EA, #5C32A3, #810023, #451A00, #100526)
• Worn Courtyard color palette (#E5EEFF, #657BFF, #C44D88, #00726C, #060829)
• Muted Mulberry color palette (#F4DEDE, #911E75, #6A0800, #2A1C00, #180037)

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