Cocoa Harbor color palette — #FFF1F7 · #E6CBD2 · #CDAEB1 · #A58575 · #74410A
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Oat (#E6CBD2): A whisper-light, dusty red — the color of a theater curtain.
- Rosewood Mist (#CDAEB1): A luminous, dusty red — the color of late-summer berries.
- Caramel (#A58575): A luminous, dusty orange — the color of toasted spice.
- Bronze (#74410A): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, 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
- Washed Lagoon color palette (#DAFFF5, #E6CEE2, #D2ABC2, #B07E97, #6C4D47)
- Patina Basalt color palette (#F8DDD9, #D8B9B0, #CB9485, #898253, #4B4100)
- Timeworn Fern Workshop color palette (#FFDFD2, #C89788, #A77A56, #58692B, #12300E)
- Aged Grove color palette (#F4E4FE, #AB88AB, #965F7C, #824A28, #2E1A00)
- Tempered Villa color palette (#E4FDE8, #AACAC1, #B89AA5, #89742B, #475813)
- Tempered Corridor color palette (#EAF8FF, #D9D7F6, #C0A3CD, #627F75, #355A52)
- Washed Driftwood Canyon color palette (#E1EBFF, #ADB6D9, #8786A9, #67576A, #402D3D)
- Washed Balcony color palette (#F3F7EE, #CADBBF, #7BBAB2, #549DA4, #3A4733)
Browse the whole catalog at Explore, or see today's palette.