Weathered Cocoa color palette — #FEE2F5 · #C4BDEB · #B3939D · #8C6D64 · #763B17
Bronze and Lavender set the tone — five colors that lean into optimism and sophistication.
The five colors
- Blush (#FEE2F5): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender (#C4BDEB): A luminous, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#B3939D): A luminous, dusty rose — the color of strawberry cream.
- Walnut (#8C6D64): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#763B17): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
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 Harbor color palette (#DCFBED, #A1C6E9, #AE97A9, #927276, #674645)
- Tempered Bronze Hollow color palette (#FFF1F3, #E4BBBC, #B99B97, #996731, #6C4A00)
- Wandering Chestnut color palette (#FEF0FF, #C9AABB, #A27A83, #855B1B, #435611)
- Muted Blush color palette (#F4D6D6, #DE87A5, #A77778, #6C562D, #3E3B35)
- Coral Basin color palette (#F0DBE0, #D36F77, #8F6052, #4E4715, #282E04)
- Wisteria Quarry color palette (#EEEAFF, #C68EF8, #A571A1, #8F4E42, #5D2C08)
- Hushed Studio color palette (#EFF6FF, #D0D9F2, #B4B0CF, #B09268, #3A5749)
- Lilac Alley color palette (#D9DDFF, #B3ADFF, #9D87DD, #715A94, #5B3643)
Browse the whole catalog at Explore, or see today's palette.