Cocoa Harbor color palette — #FFF0FB · #E7D6D7 · #D5B8B4 · #A78C85 · #7F4123

Bronze takes the lead with Heather close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Silver (#E7D6D7): bright and airy, almost weightless.
• Stone (#D5B8B4): A luminous, dusty orange — the color of autumn markets.
• Heather (#A78C85): A luminous, dusty orange — the color of toasted spice.
• Bronze (#7F4123): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Stone Courtyard color palette (#E1FDF0, #C3E1E4, #CEB5CB, #9F898D, #5E4B4A)
• Chestnut Study color palette (#F6F3FF, #CDAFDF, #A6777C, #8A4D2A, #492305)
• Timeworn Bronze color palette (#FFF1F2, #EAD6C9, #C3A69E, #A5793D, #5C4300)
• Softworn Orchard color palette (#EFF6FF, #BDC9E6, #8A8EAC, #77697C, #5B494E)
• Hazy Amber color palette (#FFF1F5, #F6A5B0, #CE705D, #73621C, #2D3100)
• Ancient Blush Basin color palette (#EEDAE8, #C27794, #925055, #463000, #080600)
• Patina Cocoa Alley color palette (#F4F4FF, #E8D6FF, #C398C6, #965E59, #6B3504)
• Softworn Ash color palette (#FCE3FC, #D295BD, #956271, #6A3E12, #1F1300)

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