Cocoa Harbor color palette — #D1EDDD · #006B85 · #7D4000 · #532900 · #000509

Bronze and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D1EDDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#7D4000): A full-bodied, balanced gold — the color of old brass.
• Espresso (#532900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Softworn Denim Loft color palette (#E1F2EC, #0060A2, #642D00, #3A1700, #000201)
• Mulberry Orchard color palette (#CFE4F2, #006989, #920031, #352500, #000102)
• Ultramarine Ridge color palette (#F5E4F4, #005AC4, #6B4D00, #473100, #000412)
• Lowlit Meadow color palette (#DBEFDC, #004E50, #483100, #281900, #000606)
• Misty Lantern color palette (#E1E8DB, #00725A, #9C0030, #69001D, #000604)
• Ultramarine Villa color palette (#F4E7F3, #005DD6, #801600, #282900, #010B00)
• Softworn Terrace color palette (#EBECD5, #0074C6, #680F9B, #2D2E00, #040628)
• Indigo Pier color palette (#DFEBFF, #4768FE, #A82DB7, #714D00, #01001E)

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