Cocoa Harbor color palette — #FFF0F9 · #DBC1ED · #C085A3 · #9D6055 · #673D00
A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Lilac Frost (#DBC1ED): A whisper-light, dusty violet — the color of a velvet chair.
- Dusty Rose (#C085A3): A luminous, balanced rose — the color of strawberry cream.
- Walnut (#9D6055): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#673D00): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Sophistication. 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 Blush Corridor color palette (#F1F5FF, #EED6E1, #E799B7, #AD645D, #5A3103)
- Weathered Terracotta Market color palette (#F5F4FF, #C0B0D6, #A97087, #913D47, #693A00)
- Feathered Rust Canyon color palette (#E7DEEA, #DC7DB1, #BE4F49, #6E3A00, #2E2400)
- Hushed Bronze Basin color palette (#FFF1F3, #FBC1CA, #C98F78, #8E642D, #4A4B00)
- Garnet Studio color palette (#DAFFEF, #C0D1FF, #B095C8, #935C80, #772F3C)
- Dusty Chapel color palette (#F3F8E4, #C0B5E9, #B78189, #5A785A, #5A3F45)
- Quiet Boulevard color palette (#EBDAE7, #DD5969, #9E3F00, #4B3600, #151700)
- Ancient Taupe color palette (#FBF2F4, #E0D9D4, #B3B3A8, #BA8E98, #585052)
Browse the whole catalog at Explore, or see today's palette.