Washed Cocoa color palette — #E8DEE2 · #A6C3B0 · #709C92 · #5D2D00 · #040002

Built around Cocoa, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Silver (#E8DEE2): bright and airy, almost weightless.
• Stone (#A6C3B0): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#709C92): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Bronze Harbor color palette (#E7DED6, #A0998C, #7D7227, #412200, #120600)
• Worn Harbor color palette (#E3F2ED, #B3D8D8, #83AEBC, #435600, #000302)
• Worn Olive color palette (#D2EDDE, #3F8F36, #00473A, #2B0E29, #000200)
• Hushed Study color palette (#FFE3DE, #977B3C, #005B36, #361646, #010008)
• Bronze Courtyard color palette (#F1F7F1, #C5DCE8, #A9BBD3, #946F2E, #192119)
• Coral Courtyard color palette (#DFF5E0, #FF6F5E, #A97E00, #006149, #010100)
• Velvet Chestnut color palette (#EADDCC, #994A00, #243900, #070035, #020100)
• Wandering Olive color palette (#EBF9F5, #CDD8F0, #A59BB6, #608D36, #152925)

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