Cocoa Harbor color palette — #EDE1E8 · #C4B4B9 · #7B9681 · #722B00 · #271B22
Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#EDE1E8): a clean, paper-quiet neutral.
- Stone (#C4B4B9): a calm mid-gray that lets other colors speak.
- Eucalyptus (#7B9681): A luminous, dusty teal — the color of glacier melt.
- Rust (#722B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#271B22): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Ancient Basalt Canyon color palette (#E1EAE4, #A9BFB5, #74968F, #534300, #17221B)
- Dusty Workshop color palette (#F1E4EC, #A5BAA5, #7B9489, #702B17, #12060F)
- Garnet Lantern color palette (#F2ECF2, #C6B2C0, #A78194, #82022C, #281929)
- Worn Alley color palette (#EDE5E0, #D4C1A9, #ABA58C, #95462F, #2C1B11)
- Chestnut Station color palette (#EDF9ED, #C2D9CB, #88B1A2, #785200, #29372A)
- Wandering Pewter Coast color palette (#E7F1EB, #88A097, #5C7A56, #322B00, #010C06)
- Patina Bloom color palette (#FAF3F6, #CCDADC, #A8C4C1, #926A4E, #4F4449)
- Worn Fern Thicket color palette (#DBF5E5, #768133, #275100, #561210, #191D00)
Browse the whole catalog at Explore, or see today's palette.