Cocoa Harbor color palette — #D9E2D8 · #96AB9C · #689180 · #5F3D00 · #040C04

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

The five colors

• Bone (#D9E2D8): a clean, paper-quiet neutral.
• Taupe (#96AB9C): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#689180): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#040C04): 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 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

• Dusty Chestnut color palette (#E5DCD3, #9FA390, #7D8F74, #8A5600, #110700)
• Basalt Alley color palette (#E8E1D8, #C3B9AA, #9A917C, #523500, #020100)
• Worn Onyx color palette (#EDE1E5, #89A094, #587873, #402300, #14040A)
• Muted Garnet Lagoon color palette (#EDE3EB, #AF9FA8, #9C7C87, #811218, #0F060E)
• Timeworn Fern color palette (#D9E9E6, #9DBBBB, #64A396, #206300, #001915)
• Dusty Basin color palette (#D2E6DF, #4F8351, #005338, #462000, #000901)
• Washed Bronze color palette (#EAF0EC, #CDDBD5, #97C2B9, #867000, #213228)
• Weathered Olive color palette (#F2EEE0, #707936, #255A32, #222F5E, #140726)

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