Cocoa Harbor color palette — #FDECF5 · #8FB794 · #33839E · #7E3D1A · #0C3236

A conversation between Bronze and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Blush (#FDECF5): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#8FB794): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#33839E): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#7E3D1A): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#0C3236): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Mulberry Grove color palette (#F8EEFA, #AFAF78, #43867D, #773A5A, #0E332E)
• Fern Field color palette (#E5F7ED, #77BAB2, #6078A6, #5A5400, #16303B)
• Antique Cerulean color palette (#EBFAED, #72B6AD, #0A83A6, #79485B, #354C53)
• Airy Jade color palette (#FFECF2, #00AA85, #0066A4, #593500, #002123)
• Softworn Lagoon color palette (#FFF2EC, #92CDAE, #5F9ABF, #916056, #404C3E)
• Patina Thicket color palette (#F9EEF3, #B2CABA, #788A62, #396A74, #23362A)
• Lagoon Summit color palette (#E4F0F4, #399199, #2F3D4C, #102127, #050F0F)
• Ancient Cypress Lagoon color palette (#F7EFF2, #D6DBEC, #869CC8, #2C7972, #2E3451)

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