Washed Cocoa color palette — #EBE4C5 · #B6CCA6 · #83B1CC · #917C4D · #573C00

Cocoa and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EBE4C5): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B6CCA6): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#83B1CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Walnut (#917C4D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#573C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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

• Wandering Cocoa Balcony color palette (#F4E1C0, #D1C8AB, #A1B18F, #AE7669, #5C4100)
• Wandering Cocoa Corridor color palette (#E9FCE5, #B2D7C0, #76A0CD, #8B615B, #652F00)
• Patina Olive color palette (#C8E9DB, #99C3B1, #8791C0, #607925, #004344)
• Linen Grove color palette (#D8E2D8, #5FCAD6, #7A94E6, #5B922B, #264900)
• Antique Fern Hollow color palette (#EBFAEE, #C6E0DA, #A8C5C5, #B3A17B, #405919)
• Dusty Pewter color palette (#D7EDF0, #93BDD0, #749ABC, #965665, #55374B)
• Hushed Chestnut Meadow color palette (#E0E6CD, #85AC8D, #38939D, #8F4D1E, #2A3200)
• Tempered Fern Summit color palette (#D5E2D4, #54A391, #4C7EA3, #555500, #032502)

Browse the whole catalog at Explore, or see today's palette.