Weathered Cocoa color palette — #FFF2EE · #EBD9BE · #C5C491 · #A87DA9 · #632B00
Rust takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#EBD9BE): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#C5C491): A luminous, dusty green — the color of a quiet forest floor.
- Dusty Rose (#A87DA9): A luminous, balanced pink — the color of a candy shop window.
- Rust (#632B00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged pastel, light, 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
- Washed Driftwood Ridge color palette (#FFF3E8, #D9E1BC, #9BD2B0, #B26C7C, #573C00)
- Weathered Cobalt Cabin color palette (#FFF1F5, #F0D6C0, #ECB586, #6880BA, #573837)
- Wandering Straw color palette (#FCF0FF, #E8E9A2, #D9DACD, #B086BA, #442E40)
- Hushed Chestnut Summit color palette (#FFF2E9, #DBE5CC, #BABAC4, #C7A094, #6D4900)
- Aged Plum color palette (#FFF0FE, #FFD5C4, #CDA86E, #A34A6F, #52334A)
- Dusty Bronze color palette (#F8E5CD, #B5B179, #9C7946, #7C4E3C, #31312A)
- Worn Bronze color palette (#FCF1D4, #BBDEA2, #51C5CC, #AD5F42, #2F2E27)
- Gentle Garnet Studio color palette (#F3DFC6, #9CA56F, #1A977B, #7C2322, #0E0C00)
Browse the whole catalog at Explore, or see today's palette.