Washed Cocoa color palette — #E4F7ED · #90B4AB · #7E7739 · #6B4106 · #042929

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#90B4AB): A luminous, dusty teal — the color of glacier melt.
• Walnut (#7E7739): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#6B4106): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#042929): 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

• Cocoa Basin color palette (#FBEDF4, #99B39B, #9B664A, #74363C, #072A1C)
• Wandering Bronze Hollow color palette (#EAFAF1, #A3AD81, #7D7424, #654E18, #2B423E)
• Wandering Driftwood Summit color palette (#FDF5E1, #B0C798, #9D913D, #876035, #354400)
• Patina Fern color palette (#CAE7D5, #799054, #635400, #4A2700, #001306)
• Wandering Pier color palette (#ECDBE6, #B4916D, #91503D, #662339, #001E0E)
• Lapis Meadow color palette (#EFF2F8, #A5AFE8, #A6621B, #5055BE, #190810)
• Weathered Garnet color palette (#E8EDFF, #B79DD4, #A05783, #890D1B, #341900)
• Muted Garnet Chapel color palette (#ECDEE7, #97662B, #762400, #46001B, #070500)

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