Washed Cocoa color palette — #E3F8ED · #8BB6AD · #7A783D · #694300 · #02292A

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E3F8ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8BB6AD): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#7A783D): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#694300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#02292A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Cocoa color palette (#FFECF3, #97B49E, #966A47, #773431, #06291F)
• Ancient Olive color palette (#EAF9F2, #9EAF7D, #787628, #61501E, #24443F)
• Fern Loft color palette (#DAF0E3, #75905B, #605600, #472900, #001212)
• Softworn Cabin color palette (#F9F5E8, #AEC7A0, #989343, #846236, #314500)
• Garnet Lagoon color palette (#F1D8E6, #B39268, #8E5339, #6D1C30, #021E11)
• Lapis Grove color palette (#EEF2FB, #ACADE5, #A56328, #5C50BE, #1B0610)
• Ancient Bronze color palette (#EFF1FF, #9079B5, #A16528, #00614B, #17182B)
• Gentle Quarry color palette (#ECEDFF, #C4A8D5, #A9557A, #81101F, #321A00)

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