Cocoa Harbor color palette — #FFF1F5 · #F7D4DF · #DB9ABC · #AE717C · #7E4026
Bronze takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Shell Pink (#F7D4DF): A whisper-light, dusty rose — the color of pressed rose petals.
- Mauve (#DB9ABC): A luminous, balanced rose — the color of pressed rose petals.
- Mocha (#AE717C): A luminous, dusty red — the color of a theater curtain.
- Bronze (#7E4026): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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
- Wandering Chestnut Grove color palette (#FFF2F0, #F7D3C4, #DA9983, #A27353, #734700)
- Ancient Studio color palette (#FFE5E7, #DAA1C5, #B75E8D, #894A64, #4E312D)
- Worn Lilac color palette (#FFF0FE, #E4D5F0, #B19FE0, #9372A4, #6B4A4B)
- Softworn Mallow Archive color palette (#F7F3FF, #F5C4E3, #E99EC6, #C67B99, #5C4563)
- Weathered Ember Atelier color palette (#FFF1F6, #FFB3BE, #CB6257, #964A16, #3D2500)
- Tempered Alley color palette (#FFF2F0, #FAD2CE, #8EDEC8, #C7829E, #3B4C2F)
- Gentle Crimson color palette (#FFE1F2, #FF7DA9, #CF3D4C, #831E00, #2B1300)
- Stone Canyon color palette (#FFF1F1, #E1DAD0, #D0A4AE, #9CB2B2, #604D48)
Browse the whole catalog at Explore, or see today's palette.