Tempered Cocoa color palette — #DCEEFE · #8876B1 · #7B3A3E · #003F3A · #00262E
A conversation between Rust and Slate Blue, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#DCEEFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#8876B1): A luminous, balanced violet — the color of wild irises.
- Rust (#7B3A3E): A full-bodied, balanced red — the color of embers at dusk.
- Forest (#003F3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00262E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, 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
- Chestnut Meadow color palette (#E2E4FA, #A5668F, #864020, #304425, #003021)
- Ancient Mulberry Workshop color palette (#CAE3EC, #7884BA, #723F5F, #3A3832, #2E2603)
- Weathered Driftwood Dune color palette (#F6EBFA, #AB7FA2, #8C5E71, #623F21, #032E46)
- Driftwood Boulevard color palette (#EADFEA, #A36789, #7C3F52, #492900, #170E00)
- Tempered Pine Field color palette (#D3E7FF, #AB98CA, #AB7694, #32784A, #002F32)
- Taupe Market color palette (#F9DCEF, #CC8E7F, #746D36, #58435A, #183759)
- Timeworn Peony color palette (#E3E1F7, #E7689C, #945A3C, #005960, #004248)
- Powdered Denim color palette (#F8E7DC, #41ACD3, #0C56A2, #003F35, #1C1449)
Browse the whole catalog at Explore, or see today's palette.