Cocoa Harbor color palette — #FFF0F8 · #C7A7D8 · #A96E93 · #8B535F · #783B1E

Bronze and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#C7A7D8): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#A96E93): A luminous, balanced pink — the color of neon signs at night.
• Pewter (#8B535F): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#783B1E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, 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

• Driftwood Harbor color palette (#FFF1F3, #E1A6C8, #B06975, #8D5344, #524C47)
• Patina Driftwood Veranda color palette (#FDE2FC, #B2B7EC, #9175AE, #7A5179, #664441)
• Weathered Mulberry color palette (#EEEEFF, #C8A3C9, #A96896, #853B60, #452E4C)
• Pewter Balcony color palette (#FFF2EF, #D59FAB, #78A67B, #A1596C, #4D4E47)
• Wandering Canyon color palette (#FFF1F1, #E2DAD0, #C6C8A5, #A67F90, #5E4742)
• Hushed Chapel color palette (#FFF2E9, #C9B599, #AA7143, #73554C, #574600)
• Aged Thicket color palette (#ECD6E8, #E27DA7, #B44B44, #7B3600, #543405)
• Weathered Lagoon color palette (#FFF1F1, #C37FA5, #399C8D, #2A7D8D, #523C3C)

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