Tempered Cocoa color palette — #D4F7E6 · #006484 · #6C3B00 · #002E3F · #060200
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D4F7E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6C3B00): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#002E3F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.
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
- Washed Parlor color palette (#CDE7EA, #006773, #89003C, #003036, #0A0002)
- Tempered Summit color palette (#DDEBE4, #006987, #345700, #003242, #081300)
- Charred Denim Alley color palette (#CCE2F3, #004E76, #612E00, #322A00, #000103)
- Charred Garden color palette (#F0E2EE, #1243A3, #473A00, #001457, #020100)
- Terracotta Basin color palette (#CDE6FA, #0081B7, #A84200, #004B6D, #200700)
- Violet Chapel color palette (#DEF6EB, #829BCF, #915FA6, #00474C, #000617)
- Weathered Olive Alley color palette (#DCEDF9, #008AB4, #477700, #004258, #010200)
- Hazy Grape Corridor color palette (#DFDFEE, #583EBE, #5A4600, #2B0074, #040200)
Browse the whole catalog at Explore, or see today's palette.