Cocoa Harbor color palette — #EDE2E6 · #B2BCB3 · #7D9586 · #683500 · #2C1821

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#EDE2E6): bright and airy, almost weightless.
• Stone (#B2BCB3): a calm mid-gray that lets other colors speak.
• Eucalyptus (#7D9586): A luminous, dusty teal — the color of sea glass.
• Bronze (#683500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2C1821): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Worn Alley color palette (#F3E9F1, #C2B4BC, #9F868F, #85010E, #2B1828)
• Muted Delta color palette (#E1ECE2, #9FADA5, #63887C, #4A3200, #041907)
• Hushed Chestnut color palette (#F0E5DD, #CCC3B3, #A8A689, #974600, #2A1C10)
• Muted Fern color palette (#E8F1EF, #BDD1D0, #8DA6A9, #34630E, #1D332F)
• Forest Courtyard color palette (#D2E9DF, #678546, #00541D, #531800, #112000)
• Dusty Navy color palette (#F0E5D8, #608976, #476635, #003868, #251F44)
• Ancient Bronze Summit color palette (#FAF3F5, #CDD9DC, #B0C0C0, #99692D, #4F4448)
• Linen Tangerine Coast color palette (#CDEACF, #EE6E00, #9A6E00, #586600, #1B1400)

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