Tempered Cocoa Harbor color palette — #E5DDE1 · #B3BEB2 · #80998B · #662400 · #040002
Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Silver (#E5DDE1): a clean, paper-quiet neutral.
- Stone (#B3BEB2): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#80998B): A luminous, dusty teal — the color of sea glass.
- Rust (#662400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Cocoa Harbor 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 Thicket color palette (#E8DDE9, #C4B6BF, #A38A91, #730027, #030003)
- Onyx Field color palette (#E8E0DB, #A69787, #797145, #4D1700, #140500)
- Muted Fern Cabin color palette (#E8F1EC, #C2D5D1, #80B0B3, #525000, #000402)
- Fern Thicket color palette (#F2D7D2, #A47C55, #495721, #201942, #030004)
- Ancient Abyss Market color palette (#DDF7E6, #6E8442, #00491E, #38001E, #010100)
- Hushed Terrace color palette (#CBEAC8, #F86885, #B66700, #405E00, #020100)
- Bronze Parlor color palette (#FFF1F5, #C8DDE4, #AAC8CC, #A4661C, #28191F)
- Shadow Basalt color palette (#D3E5D2, #533500, #281F14, #020C09, #010100)
Browse the whole catalog at Explore, or see today's palette.