Tempered Cocoa color palette — #D8EEFA · #006B81 · #7A3800 · #421B00 · #000102
Bronze takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D8EEFA): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006B81): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#421B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Ancient Denim color palette (#E6F1FD, #0063A4, #5E4B00, #312700, #000104)
- Nocturne Pier color palette (#D8F3DB, #004E52, #562700, #241B00, #000606)
- Hushed Mulberry color palette (#D7F6EA, #007157, #900040, #4F0020, #000201)
- Garnet Archive color palette (#CFEBFD, #007194, #6E0048, #171700, #000201)
- Nightshade Chapel color palette (#D8E5F8, #003CBB, #583100, #271300, #000108)
- Antique Garden color palette (#EBECFF, #923CD9, #656400, #3C3B00, #020006)
- Powdered Coast color palette (#D8EBCC, #009078, #A45B00, #655300, #000604)
- Weathered Indigo color palette (#F1F5FF, #7176FF, #887600, #5A4D00, #02051B)
Browse the whole catalog at Explore, or see today's palette.