Cocoa Harbor color palette — #E1EBD0 · #5FB4C3 · #6F6E9D · #714201 · #33210E

Built around Bronze, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E1EBD0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#5FB4C3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6F6E9D): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#714201): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#33210E): A deep, shadowed, dusty gold — the color of old brass.

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

• Sky Chapel color palette (#D3F1ED, #79AFE1, #8E626B, #604400, #312D27)
• Hushed Cocoa Atelier color palette (#F1EBDC, #8BAF8D, #587C69, #793F1A, #422412)
• Worn Pewter color palette (#DCF5FF, #80B1A0, #856784, #6C4E70, #643C3D)
• Aged Pewter color palette (#D2F5F3, #9FC2CD, #7495B5, #815F42, #41441B)
• Weathered Ash Orchard color palette (#E1ECF6, #948EBE, #885A6A, #174B34, #002717)
• Cobalt Hollow color palette (#F8F0E9, #A2CEEE, #5F77C3, #005B5A, #24193A)
• Chestnut Corridor color palette (#DDFAE8, #D8BDD3, #A58B8B, #6E6213, #3D3C35)
• Ancient Cobalt Loft color palette (#DAF7EC, #0084C1, #876A00, #4E5E17, #001912)

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