Washed Cocoa color palette — #DEEDDC · #A89468 · #7D5C32 · #633717 · #133927

Cocoa and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#DEEDDC): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#A89468): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7D5C32): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#633717): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#133927): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, 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 Balcony color palette (#E6FCED, #AAAB7C, #7F7246, #664D27, #24443C)
• Antique Driftwood color palette (#E1F5E7, #908B42, #695200, #4D3000, #202800)
• Hushed Chestnut Pier color palette (#F5E1EE, #B58D72, #8A5340, #643433, #432630)
• Dusty Amber Thicket color palette (#F7E5D0, #D3BF92, #C99145, #A46A43, #33302A)
• Softworn Terracotta color palette (#FBCFE8, #C5792E, #943D00, #71110E, #392400)
• Hushed Driftwood Lantern color palette (#FFF1F7, #ABBEAA, #9B7385, #6F5466, #3C4C40)
• Ancient Veranda color palette (#CAECDB, #607021, #3E3A00, #251A00, #040F00)
• Sapphire Courtyard color palette (#E5EFFF, #3F6CC7, #924A19, #404B00, #152740)

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