Hushed Cocoa Harbor color palette — #DDE6DC · #96AB9C · #6C8F81 · #603C00 · #020D02

Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#DDE6DC): a clean, paper-quiet neutral.
• Taupe (#96AB9C): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#6C8F81): A luminous, dusty teal — the color of glacier melt.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#020D02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed 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

• Tempered Chestnut color palette (#F3E9E0, #9FA391, #7E8F74, #8C5500, #110700)
• Softworn Lagoon color palette (#E9DDE4, #B49DA6, #9B825A, #782600, #11050D)
• Patina Bloom color palette (#F1EBE4, #C2BAAC, #9E9071, #513500, #020100)
• Weathered Onyx color palette (#EFE5E9, #86A192, #507A73, #422200, #12050A)
• Hushed Fern color palette (#DAE6E4, #A1BAB9, #729EA4, #256300, #001915)
• Aged Pine Parlor color palette (#DDF0EA, #518350, #005337, #461F00, #000900)
• Tempered Summit color palette (#EAE1CD, #778355, #00693B, #182762, #19062E)
• Bronze Delta color palette (#EAF0EC, #CBDCD5, #9CC0B8, #876F00, #233228)

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