Cocoa Harbor color palette — #E0E2D2 · #99BA92 · #1E8992 · #763900 · #2A2D00

A conversation between Bronze and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E0E2D2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#99BA92): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#1E8992): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#763900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#2A2D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Weathered Chestnut color palette (#EDF7D9, #ABBAA7, #6E8E83, #665300, #303D00)
• Aged Mulberry color palette (#FEE4BB, #C4AA85, #5A8762, #833949, #422400)
• Dusty Study color palette (#E6E6C9, #91AF8E, #806982, #4E4B0E, #302708)
• Weathered Fern Quarry color palette (#F3F3E0, #71B89F, #007A82, #36570C, #00281D)
• Petrol Cabin color palette (#DFE3C3, #7C936F, #297297, #463A00, #2C1F00)
• Cerulean Boulevard color palette (#DDF6C8, #85D4CC, #6C93C1, #846146, #6A3F17)
• Wandering Cobalt Pier color palette (#B3FAED, #68B0C1, #357EC0, #803A56, #683429)
• Wandering Denim Drift color palette (#D6E9D1, #44836F, #1A598D, #343100, #021400)

Browse the whole catalog at Explore, or see today's palette.