Cocoa Harbor color palette — #FFF0FB · #F0CCDE · #D1A4B2 · #A58780 · #763A1A
Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Thistle (#F0CCDE): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#D1A4B2): A luminous, dusty rose — the color of strawberry cream.
- Caramel (#A58780): A luminous, dusty orange — the color of autumn markets.
- Bronze (#763A1A): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. 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
- Softworn Mallow Ridge color palette (#FCD9FF, #FCAEE1, #D797A7, #A28365, #5A4721)
- Veil Cabin color palette (#D9FFF1, #BBD7FF, #CCB0C3, #AB888A, #5E4744)
- Hushed Bronze Ridge color palette (#DAFFF0, #DBB4D0, #B59397, #896E26, #614A00)
- Softworn Bronze Loft color palette (#F7E2F4, #E0A1BE, #BF8890, #9B6E33, #36332C)
- Faded Quarry color palette (#DFE6FF, #BCC0FF, #A69CF4, #8B7CB4, #5E3B49)
- Wandering Market color palette (#E5F6D5, #A4C3B1, #9B8093, #585B0B, #233900)
- Seafoam Veranda color palette (#F2F8E8, #99E8CD, #7EBAAD, #839684, #3C4731)
- Misty Mallow Villa color palette (#FFF1F5, #D9A4FE, #F5959B, #77ABD6, #483038)
Browse the whole catalog at Explore, or see today's palette.