Cocoa Harbor color palette — #EAF0EA · #C0D7C7 · #A5AB78 · #6A4500 · #000400
Bronze and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EAF0EA): a clean, paper-quiet neutral.
- Oat (#C0D7C7): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A5AB78): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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 Parlor color palette (#F7EAF1, #DECAD1, #90B094, #832E00, #070004)
- Weathered Cabin color palette (#E9DFD3, #A79F8D, #847F36, #4D2E00, #080300)
- Wandering Basalt color palette (#E5EDE9, #ACC0BA, #719B97, #413E00, #000201)
- Wandering Emerald Canyon color palette (#CCE9E0, #5CA062, #005C40, #452000, #000200)
- Muted Bronze color palette (#D9EFDD, #996D00, #3C4900, #001C38, #020100)
- Tempered Villa color palette (#EAF9F7, #CDDCE5, #9AC3CD, #007336, #030F0F)
- Aged Lantern color palette (#F4E3E9, #A1BEBC, #7BA5B0, #9C6222, #200D15)
- Olive Dune color palette (#DAF9E6, #FFA056, #AB8C00, #457900, #010100)
Browse the whole catalog at Explore, or see today's palette.