Weathered Cocoa color palette — #F0E3E8 · #C8B2B9 · #7D967E · #6A3400 · #2C1822
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#F0E3E8): bright and airy, almost weightless.
- Rosewood Mist (#C8B2B9): A luminous, dusty rose — the color of a warm blush.
- Eucalyptus (#7D967E): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#6A3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#2C1822): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered 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
- Tempered Cocoa Atelier color palette (#F5EBF0, #AAB8AA, #779686, #6F2D00, #15050E)
- Ancient Cocoa Drift color palette (#D7E3D9, #ABBFB2, #7D9489, #574100, #102516)
- Garnet Terrace color palette (#EEE7ED, #C2B4BE, #A28495, #7E161E, #271A26)
- Worn Meadow color palette (#F0E5DE, #CDC2B4, #AFA485, #9A4300, #2D1A0C)
- Hushed Canyon color palette (#EDF9EF, #C1DACB, #8CB0A0, #715600, #233929)
- Tempered Studio color palette (#E3F1EB, #8C9E98, #557971, #2D2D00, #010C07)
- Patina Fern color palette (#DAEEE4, #75813C, #354E00, #442700, #191D00)
- Antique Pewter Hollow color palette (#FBF2F5, #CCDADC, #B1C0BE, #8D6D4E, #504448)
Browse the whole catalog at Explore, or see today's palette.