Cocoa Harbor color palette — #FFF2EF · #F9B8BE · #D38980 · #9C6854 · #734007

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F9B8BE): A whisper-light, dusty red — the color of a theater curtain.
• Dusty Rose (#D38980): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#9C6854): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#734007): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Antique Taupe color palette (#FFE9DF, #EFB396, #CF9266, #9B7544, #514D46)
• Basalt Corridor color palette (#FFF2E9, #FBCCB5, #C58D6F, #905D46, #532800)
• Antique Orchard color palette (#FFF1F4, #E5BCE7, #C087AD, #966279, #6A4943)
• Amber Boulevard color palette (#FFDDD4, #E57A3A, #AE5F00, #684200, #412F00)
• Tempered Sky color palette (#FFF2EC, #EBB5A8, #6DBED8, #BA796A, #335644)
• Chestnut Station color palette (#FFF2EB, #DEDBCC, #98BCB2, #BF998E, #7B4614)
• Hushed Ember color palette (#FFD9D4, #FF967B, #CD6100, #8A4D00, #573900)
• Aged Balcony color palette (#FFF2EB, #E49D83, #6DB792, #8A8EBB, #48413D)

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