Tempered Cocoa Harbor color palette — #F0E4E9 · #9AA99E · #7A8E64 · #6D3200 · #10060B
Built around Bronze, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F0E4E9): bright and airy, almost weightless.
- Taupe (#9AA99E): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#7A8E64): A luminous, dusty green — the color of fresh herbs.
- Bronze (#6D3200): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#10060B): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, 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
- Weathered Alley color palette (#E6DDD5, #C1BAAD, #989276, #5B2E00, #030100)
- Basalt Veranda color palette (#E4EEE8, #96A9A6, #5A9198, #4E4600, #000D05)
- Worn Dune color palette (#EDE0E4, #95AAA4, #73938E, #8D5400, #13040A)
- Garnet Market color palette (#EAE2EC, #B49DAA, #758E79, #820036, #100512)
- Hushed Balcony color palette (#F3EBE3, #A69783, #876D25, #412200, #120600)
- Patina Chapel color palette (#E2E8E4, #B3CAC5, #88ACB0, #706000, #14231B)
- Timeworn Grove color palette (#EED7F3, #956C51, #465F1A, #4A183E, #200119)
- Ancient Alley color palette (#D8EAE0, #538348, #005242, #411840, #010800)
Browse the whole catalog at Explore, or see today's palette.