Cocoa Harbor color palette — #E2EBE4 · #92ABA4 · #678F90 · #564200 · #030C05
A conversation between Deep Olive and Storm Blue, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#E2EBE4): bright and airy, almost weightless.
- Taupe (#92ABA4): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#678F90): A luminous, dusty teal — the color of glacier melt.
- Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#030C05): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Weathered Cocoa color palette (#EFE0E9, #98AB99, #6B8F82, #772800, #12050D)
- Aged Field color palette (#E0E8E3, #92A4A5, #6E9094, #716400, #010C06)
- Timeworn Basalt color palette (#EDE8DE, #BDBBAD, #8E9773, #483B00, #020100)
- Patina Bronze Boulevard color palette (#EDE9DE, #9E9A8A, #7C7228, #312B00, #0E0800)
- Forest Studio color palette (#DEEFEE, #98BBC5, #8099AB, #006337, #001818)
- Wandering Lagoon color palette (#EAF9F9, #C0E5F3, #A5C2DB, #008D67, #1F3839)
- Bronze Grove color palette (#FCDFEA, #847500, #285100, #422200, #000803)
- Antique Olive Grove color palette (#FDE5D2, #67891D, #005A5A, #52203F, #1B0D27)
Browse the whole catalog at Explore, or see today's palette.