Washed Cocoa color palette — #DBECD9 · #967F2B · #845400 · #6A2800 · #030400

Built around Rust, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DBECD9): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#967F2B): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#845400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6A2800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Study color palette (#F2D6E4, #9E7949, #974400, #7B0012, #050300)
• Worn Grove color palette (#FEECD6, #88692D, #5F3D00, #381C00, #050300)
• Softworn Terracotta color palette (#FAE1EF, #C59460, #B96136, #9A2E39, #1E1500)
• Indigo Parlor color palette (#E1E8FD, #6656CC, #AA3104, #494A00, #02000D)
• Amber Grove color palette (#DAF7E3, #AFB880, #A88C1C, #975B00, #122B05)
• Powdered Navy color palette (#E1ECFA, #AF7B30, #004497, #001335, #000207)
• Bronze Market color palette (#DFF5E2, #D1CB89, #CC9B34, #BC6617, #2D3B0F)
• Byzantium Orchard color palette (#E6E3F3, #9A27A2, #A4003B, #2D3800, #000206)

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