Washed Cocoa color palette — #C8F4DA · #79B1A7 · #527D88 · #753F53 · #57343B

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

The five colors

• Honeydew (#C8F4DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#79B1A7): A luminous, dusty teal — the color of sea glass.
• Slate (#527D88): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#753F53): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#57343B): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, 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

• Driftwood Veranda color palette (#E9F3D9, #95A989, #628163, #5B405B, #341D2D)
• Softworn Loft color palette (#D9E6D2, #6EA986, #2A7F89, #7E2333, #523100)
• Ancient Seafoam color palette (#DBE6B7, #97D4AC, #90AF96, #9B7A77, #553C3A)
• Pewter Cabin color palette (#E3FCF2, #9CC5C4, #6F919E, #765C77, #654956)
• Chestnut Orchard color palette (#BFFDDD, #80AEC0, #567BB6, #7F4900, #494C1D)
• Aged Cocoa color palette (#D7EAEA, #6596AE, #61628A, #5A4900, #18422F)
• Hazy Bloom color palette (#D8F5F7, #2DA385, #C04D57, #006651, #5A1E24)
• Wandering Archive color palette (#E9FAEE, #95A170, #38723D, #5C4800, #143E32)

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