Cocoa Harbor color palette — #DEEDDE · #79A18E · #815C18 · #6D2F10 · #003932

Built around Rust, softened by Ochre — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#DEEDDE): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#79A18E): A luminous, dusty teal — the color of glacier melt.
• Ochre (#815C18): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6D2F10): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#003932): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Dune color palette (#D6EEDE, #7F8E65, #655500, #522C00, #002D13)
• Chestnut Summit color palette (#EAFAF0, #84B2A6, #7C733F, #6F481D, #234443)
• Garnet Canyon color palette (#F2E3EC, #B1906B, #8A533F, #71253A, #1B3728)
• Mustard Basin color palette (#F9E4CB, #CCC575, #BB9764, #9D6C5A, #31312A)
• Chestnut Pier color palette (#FEF1F6, #A7BFAE, #9A7482, #7F4F47, #344E46)
• Aged Cocoa color palette (#F7EBF1, #A19F67, #6D2D00, #3B1400, #220E1A)
• Aged Thicket color palette (#FEF1F7, #D18459, #006E56, #7F3700, #001D1F)
• Frosted Veranda color palette (#FFDBCA, #C19B62, #696B00, #00531A, #003C39)

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