Cocoa Harbor color palette — #F9D8E3 · #6A3D00 · #482700 · #00201C · #060002
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Shell Pink (#F9D8E3): A whisper-light, dusty rose — the color of a warm blush.
- Bronze (#6A3D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#482700): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
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
- Twilit Cocoa Boulevard color palette (#F8DEEE, #772600, #2F2616, #130C00, #050003)
- Patina Basin color palette (#C8EDDB, #AE0D75, #593300, #002236, #0D0001)
- Plum Alley color palette (#FBE6FA, #B93C65, #802300, #332000, #030300)
- Nocturne Ridge color palette (#C9EEE2, #545200, #00381A, #002226, #060001)
- Midnight Denim Studio color palette (#D5EAFC, #00537A, #2D3700, #001A2A, #000204)
- Moonless Mulberry color palette (#E8DEF4, #9A0A6F, #00451C, #00183F, #000108)
- Garnet Chapel color palette (#FFE6E3, #58002E, #041C00, #000B10, #03000A)
- Hushed Garnet color palette (#F0E8F2, #AEA0A8, #778D7B, #781F38, #0F0511)
Browse the whole catalog at Explore, or see today's palette.