Washed Cocoa Lagoon color palette — #D7EBD5 · #8BB5A8 · #588087 · #734739 · #384E35

A conversation between Coffee and Sage, giving this palette its sense of sophistication.

The five colors

• Honeydew (#D7EBD5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8BB5A8): A luminous, dusty teal — the color of glacier melt.
• Slate (#588087): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#734739): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#384E35): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Washed Cocoa Lagoon 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

• Aged Boulevard color palette (#DDFFEA, #9FC9C6, #5F889D, #7D5B35, #3B533F)
• Washed Abyss color palette (#E4EFE0, #7DB37B, #007C91, #734100, #224905)
• Wandering Veranda color palette (#DDE1D0, #97B08D, #437786, #643A40, #371F1A)
• Muted Balcony color palette (#C1EFF2, #749BA8, #4D718B, #564801, #00482F)
• Cerulean Field color palette (#C7F3EF, #87BCC4, #489FB2, #675D7D, #57405B)
• Softworn Mulberry color palette (#F8E6F3, #C19FAF, #4B7E70, #72445F, #603026)
• Antique Thicket color palette (#E3F3DF, #39A984, #007B74, #005665, #263562)
• Bronze Terrace color palette (#F5E7C1, #A5D7B2, #7EB0C5, #B37053, #6A2E10)

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