Cocoa Harbor color palette — #FFF2ED · #E5D1D4 · #C2DDA0 · #C4C5B2 · #703A09

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Silver (#E5D1D4): A whisper-light, dusty red — the color of late-summer berries.
• Pistachio (#C2DDA0): A whisper-light, balanced green — the color of a quiet forest floor.
• Stone (#C4C5B2): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#703A09): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Wandering Sand color palette (#FFF1F2, #DFD2D9, #F5BB86, #C5BCB1, #5D413B)
• Weathered Atelier color palette (#FFF1F3, #F8D4CB, #CEBA97, #A494A5, #5A4B5B)
• Wandering Fern Bloom color palette (#F8F5EE, #DFE1C2, #80C6AF, #B38F96, #505100)
• Antique Mint color palette (#FFF3E5, #EBD8CF, #FFCF7E, #6ED9A2, #43413A)
• Faded Lime color palette (#FFF2EA, #FFD5FA, #FFC6B7, #B9C300, #4C2E00)
• Teal Drift color palette (#FAF4EF, #C3E1F2, #B1C6F4, #68B1AC, #624B56)
• Weathered Harbor color palette (#FDF3EC, #FFC6A9, #A1CAFF, #D79777, #59465A)
• Stone Villa color palette (#FFEEE7, #EF9E9B, #9F7137, #804028, #262020)

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