Cocoa Harbor color palette — #F1EAE5 · #BBB3A6 · #9F966E · #7E3F00 · #1E1005
A conversation between Bronze and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1EAE5): bright and airy, almost weightless.
- Stone (#BBB3A6): A luminous, dusty gold — the color of honey in a jar.
- Moss (#9F966E): A luminous, dusty green — the color of fresh herbs.
- Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#1E1005): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
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
- Worn Bronze Archive color palette (#ECE1D7, #B4B298, #989A7E, #A06012, #1C1106)
- Timeworn Cocoa Corridor color palette (#E4E0D9, #A8A593, #848A6D, #564200, #0F0800)
- Mulberry Garden color palette (#E8DBD8, #BEB1AA, #A7917B, #9A003E, #230C07)
- Hushed Quarry color palette (#E3E3DB, #C1C6BA, #96AC94, #3B7000, #212108)
- Quiet Archive color palette (#FCDBD7, #A07C4F, #5A671B, #3E257E, #360F2E)
- Hazy Meadow color palette (#E4DFCB, #5F9355, #006247, #6C0028, #021500)
- Tempered Coast color palette (#F7F5EE, #D4DED0, #AFC7B6, #978700, #503D00)
- Faded Basin color palette (#F4E4CE, #B35100, #504D00, #2E0078, #140800)
Browse the whole catalog at Explore, or see today's palette.