Tempered Cocoa color palette — #D6E9D1 · #90BBC4 · #8197AF · #825D6E · #634027
Built around Cocoa, softened by Graphite — the whole palette hums with optimism and sophistication.
The five colors
- Celadon Mist (#D6E9D1): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#90BBC4): A luminous, dusty blue — the color of deep harbor water.
- Blue Fog (#8197AF): A luminous, dusty blue — the color of open sky before noon.
- Graphite (#825D6E): A full-bodied, dusty rose — the color of pressed rose petals.
- Cocoa (#634027): A full-bodied, dusty gold — the color of honey in a jar.
Feels like: Optimism, 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
- Aged Vanilla Atelier color palette (#F1EAB8, #92C5C2, #7299AB, #706079, #4C3A57)
- Aged Cocoa color palette (#DDEDD7, #90AD97, #597E9E, #7C4658, #723713)
- Wandering Ash Canyon color palette (#D2EDE3, #9CBDCF, #918AB5, #516E57, #334D39)
- Tempered Bronze Study color palette (#FDF6D1, #AEE8DD, #69A7D0, #95652D, #5C3700)
- Muted Cocoa color palette (#EBEDDB, #5FA897, #537792, #594600, #2C2600)
- Ancient Terrace color palette (#C6F0F6, #A3D0E2, #82B1E2, #A97684, #4F394A)
- Patina Ash Delta color palette (#E3FAFF, #C2D4E3, #A3A2BF, #6D8579, #3A5246)
- Antique Lagoon Station color palette (#E4FBF5, #8CC2AD, #368F96, #3C6E63, #063D41)
Browse the whole catalog at Explore, or see today's palette.