Washed Cocoa color palette — #DFE8BF · #77B7B3 · #5684A3 · #7E3B0C · #3A2F00
A conversation between Bronze and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DFE8BF): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#77B7B3): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#5684A3): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Bronze (#7E3B0C): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#3A2F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Washed 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
- Feathered Mulberry Dune color palette (#EDEBB2, #92B492, #4D8B90, #81304B, #422402)
- Ancient Cocoa Meadow color palette (#DBE9D6, #8DAE9B, #80657A, #62481F, #2F2F04)
- Aged Denim color palette (#D6E4CD, #5296A6, #415E8F, #603900, #191F00)
- Weathered Cobalt color palette (#C3EEFF, #7BBCE4, #5F84BA, #6C4C70, #613E40)
- Hushed Fern Loft color palette (#DFF0E3, #BB9CBE, #8678B2, #5C5B00, #113D24)
- Soft Iris Delta color palette (#AFFAE5, #76D2EA, #8797D7, #8A6C3E, #614618)
- Frosted Meadow color palette (#D3E8F0, #8B98DB, #8A4993, #3B5000, #002E22)
- Olive Summit color palette (#DCFAEF, #D3B8C8, #AD8A8D, #686A21, #3C4936)
Browse the whole catalog at Explore, or see today's palette.