Washed Cocoa color palette — #EDDCC5 · #8B8B5B · #714E00 · #5D2200 · #122B02
A conversation between Espresso and Bronze, giving this palette its sense of nature and growth.
The five colors
- Bone (#EDDCC5): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#8B8B5B): A luminous, dusty green — the color of fresh herbs.
- Bronze (#714E00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#5D2200): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#122B02): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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
- Tempered Garnet color palette (#EBDDD5, #A48150, #893B0A, #680A25, #292500)
- Worn Cocoa color palette (#F1E7D5, #939C70, #766128, #683407, #30312A)
- Dusty Drift color palette (#E2EEE3, #98853F, #704E00, #4A2700, #00130B)
- Antique Courtyard color palette (#E2EFE2, #BCB560, #B18542, #915C48, #002B25)
- Bronze Station color palette (#FEF3E6, #C1B79F, #A3773A, #7F503F, #4D4A00)
- Tempered Garnet color palette (#F2E7F2, #5A8BC6, #901D00, #00417D, #1B0600)
- Misty Ultramarine color palette (#F0D4E8, #4B56B5, #902D00, #1F4200, #11153D)
- Grape Boulevard color palette (#E3EFFF, #887AD0, #8C2B99, #6B003A, #481000)
Browse the whole catalog at Explore, or see today's palette.