Weathered Cocoa color palette — #DFFAE4 · #E1CCA0 · #967E44 · #5F4600 · #042811
A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DFFAE4): A whisper-light, dusty teal — the color of sea glass.
- Wheat (#E1CCA0): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mocha (#967E44): A luminous, balanced gold — the color of afternoon light on wheat.
- Bronze (#5F4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#042811): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged monochrome, 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
- Bronze Basin color palette (#FFF4E1, #E3CE97, #9B7E2E, #624803, #37342D)
- Ancient Fern Lantern color palette (#DBFAF2, #A9DDD1, #73905B, #36591C, #0F2402)
- Worn Moss color palette (#DBE5C5, #8B9E41, #4E5E00, #272F00, #050700)
- Patina Chestnut Lantern color palette (#FBEEF2, #AFC1AF, #9D7683, #754E2D, #1F3123)
- Hushed Cocoa Station color palette (#FFECF5, #E2B8CC, #AE7652, #763700, #311500)
- Antique Taupe Bloom color palette (#FFF4E2, #EDD4A0, #C19D4E, #7F6426, #39352F)
- Taupe Bloom color palette (#E7F7E9, #C4DEDB, #9FB0CD, #AF8D67, #273C2E)
- Patina Mustard color palette (#F6F6BC, #B1B03F, #7C7600, #3E3D00, #0F0F00)
Browse the whole catalog at Explore, or see today's palette.