Tempered Cocoa color palette — #D1E5D2 · #00717C · #882700 · #5E1D00 · #050600
Built around Rust, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#D1E5D2): A whisper-light, dusty green — the color of new leaves after rain.
- Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#882700): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#5E1D00): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Soft Mulberry color palette (#E1E9DB, #008065, #970044, #5A0026, #0D0600)
- Weathered Parlor color palette (#D3E7E0, #00669F, #604700, #372F00, #000902)
- Eclipse Garnet Bloom color palette (#EBE1EC, #005890, #75003A, #451400, #020300)
- Mulberry Garden color palette (#DBEDE2, #00829D, #940060, #403100, #181100)
- Softworn Amethyst color palette (#CEE1EF, #0090BF, #8544DC, #744400, #00060B)
- Hushed Nightshade color palette (#F9EBDC, #008FAC, #4549AD, #502F00, #001829)
- Powdered Orchard color palette (#D5FFF4, #0283EC, #BD1200, #7B3300, #001C11)
- Ancient Indigo color palette (#FCE4F3, #5F63FF, #5F6B00, #3A4300, #051705)
Browse the whole catalog at Explore, or see today's palette.