Washed Cocoa Harbor color palette — #E9F6EC · #90B69E · #857347 · #654509 · #09291C

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Sage (#90B69E): A luminous, dusty teal — the color of glacier melt.
• Walnut (#857347): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#654509): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#09291C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Chestnut Station color palette (#D4E6D7, #7EA38A, #7E5F18, #563700, #001E10)
• Ancient Cocoa color palette (#FEECF4, #C59FAD, #996847, #763819, #142813)
• Patina Bronze Villa color palette (#EDF9EF, #C1E7D4, #B49A66, #8D5F3A, #103A31)
• Worn Chestnut Dune color palette (#FCEDF4, #CEB2BE, #997789, #7B4938, #3A252D)
• Bronze Hollow color palette (#CCE8D6, #7B7431, #514200, #2E2000, #050600)
• Softworn Onyx color palette (#F4F0F8, #D7A790, #74435C, #42142E, #110817)
• Pale Mulberry color palette (#F5F0F6, #E59BAB, #AF5937, #A53759, #180813)
• Softworn Iris color palette (#EEF1FF, #877BBD, #308574, #005D68, #15182B)

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