Weathered Cocoa color palette — #F2F5FF · #E4BCE5 · #C28DA6 · #9F5956 · #743410
A conversation between Rust and Walnut, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Carnation (#E4BCE5): A whisper-light, dusty pink — the color of neon signs at night.
- Dusty Rose (#C28DA6): A luminous, dusty rose — the color of strawberry cream.
- Walnut (#9F5956): A full-bodied, balanced orange — the color of sun-warmed clay.
- Rust (#743410): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged muted, warm.
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
- Mallow Delta color palette (#FFF1F6, #EDD7DE, #EB9DBC, #A56166, #682F13)
- Bronze Workshop color palette (#F8F2FF, #F6BEC2, #C88B78, #976935, #564500)
- Wandering Terrace color palette (#EDF6FF, #BCC7F4, #AC95C3, #8D618A, #6F3248)
- Rust Workshop color palette (#EEE1EE, #E47A9B, #BA4447, #733400, #2D1E00)
- Antique Mallow Pier color palette (#E8FAF3, #CDB0E3, #B6828A, #3C7B79, #4A4458)
- Wandering Terracotta color palette (#FCD9E6, #DB6463, #A83E00, #523500, #181500)
- Rose Lantern color palette (#F6E2FF, #F793C7, #D2556B, #9E3F00, #4B2900)
- Stone Villa color palette (#F5F4FF, #DDCDE4, #C0A5B5, #6B8490, #41555E)
Browse the whole catalog at Explore, or see today's palette.