Cocoa Harbor color palette — #E3FFD4 · #FFE8E2 · #D3D0DB · #6D340C · #2E2723

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

The five colors

• Custard (#E3FFD4): A whisper-light, dusty green — the color of new leaves after rain.
• Rose Water (#FFE8E2): A whisper-light, dusty orange — the color of autumn markets.
• Silver (#D3D0DB): bright and airy, almost weightless.
• Bronze (#6D340C): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2E2723): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Celadon Lagoon color palette (#EDFFAD, #D4FFFC, #FFE6F1, #5C3B3A, #2E2525)
• Cobalt Workshop color palette (#FDF3EC, #EBB698, #71BDC0, #6183B8, #4D2600)
• Chartreuse Study color palette (#D2E7FF, #7FEE8A, #FFA388, #5B4649, #3D343A)
• Seafoam Delta color palette (#ECF3FF, #64FFDD, #FFC191, #472300, #1B0E04)
• Weathered Courtyard color palette (#CDE9FF, #6CF4FE, #FFC2C5, #816961, #392F2C)
• Patina Stone Garden color palette (#F9F4EF, #D9DBD4, #ABB8BD, #CBA870, #524C45)
• Mallow Atelier color palette (#E5EDFF, #83D8FF, #FF93C5, #352E39, #18151A)
• Patina Chapel color palette (#FCF3EB, #E5B996, #379CA3, #6766A9, #301E1B)

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