Weathered Cocoa color palette — #E4DCDF · #AEBDB1 · #78968A · #693500 · #2C1821
Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Silver (#E4DCDF): a clean, paper-quiet neutral.
- Stone (#AEBDB1): A luminous, dusty teal — the color of sea glass.
- Eucalyptus (#78968A): A luminous, dusty teal — the color of sea glass.
- Bronze (#693500): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#2C1821): 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
- Washed Cocoa color palette (#E7E1DA, #BBB1A6, #9B8B71, #633800, #140800)
- Wandering Garnet Atelier color palette (#E5DCE6, #C3B4BD, #A1868E, #7B1634, #28192A)
- Muted Terrace color palette (#EADFE3, #BAC9BA, #91AD97, #8B5000, #2D1820)
- Worn Grove color palette (#EAFAEE, #C2D8D0, #81B1AD, #6F5700, #1F3A28)
- Antique Spruce Market color palette (#DDE7E3, #8C9E9B, #50797C, #2C2E00, #000D07)
- Weathered Olive color palette (#D3E7DD, #598946, #005238, #4F1827, #00201C)
- Hushed Basalt color palette (#FCDFD3, #9D8C5F, #3C6241, #462A5D, #3C172A)
- Weathered Bronze Pier color palette (#FBF2F5, #CCD9DE, #AEC0C3, #916C42, #514348)
Browse the whole catalog at Explore, or see today's palette.