Weathered Cocoa color palette — #DBE3DC · #ADBDB5 · #76968F · #5C3E00 · #162317
A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Bone (#DBE3DC): bright and airy, almost weightless.
- Ash (#ADBDB5): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#76968F): A luminous, dusty teal — the color of glacier melt.
- Bronze (#5C3E00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#162317): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Softworn Cocoa color palette (#ECE8E3, #B9B2A4, #988D6B, #573F00, #110900)
- Garnet Veranda color palette (#E5DAE2, #C6B3BB, #7C9682, #7B1D15, #291926)
- Weathered Chestnut Coast color palette (#E5EDE6, #BBC8BF, #8EAD9E, #7B5A00, #162319)
- Tempered Forest color palette (#E7F1F0, #C0CFD2, #8EA4AF, #006638, #1C3332)
- Weathered Spruce color palette (#DDE9E6, #889F9F, #5A767D, #1A3300, #000C09)
- Timeworn Lagoon Parlor color palette (#D0E8E1, #398C62, #005049, #551410, #002020)
- Hushed Pewter color palette (#F0F7F2, #D3DCDD, #AFC4CA, #5A7E64, #404B42)
- Sunlit Aubergine color palette (#D5E3D4, #875C00, #214800, #2B0360, #1B1600)
Browse the whole catalog at Explore, or see today's palette.