Weathered Cocoa Field color palette — #EAF0E9 · #98AA9D · #878A5D · #613C00 · #030C03
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EAF0E9): a clean, paper-quiet neutral.
- Taupe (#98AA9D): A luminous, dusty teal — the color of glacier melt.
- Moss (#878A5D): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#030C03): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered Cocoa Field 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
- Wandering Garnet Courtyard color palette (#F3ECF0, #B59DA7, #9B825A, #792400, #10050C)
- Weathered Fern Pier color palette (#D8E6E0, #92ABA6, #5A9291, #404B00, #010C08)
- Muted Chestnut color palette (#ECE3DB, #9FA294, #7F8D77, #8C5500, #100701)
- Basalt Field color palette (#E5E0D9, #C2B9AC, #9E9073, #523500, #020100)
- Worn Onyx Balcony color palette (#ECDDE3, #8BA094, #567973, #412200, #13040A)
- Muted Loft color palette (#D8E3DE, #B6C9C5, #80AFAD, #5F6700, #14231D)
- Timeworn Pine color palette (#E0F5EE, #52834F, #005335, #471F00, #000807)
- Amber Studio color palette (#D0F0DC, #D66C00, #977500, #376800, #050500)
Browse the whole catalog at Explore, or see today's palette.