Cocoa Harbor color palette — #ECE0D4 · #674100 · #182A00 · #180026 · #050300

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

The five colors

• Parchment (#ECE0D4): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#182A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#180026): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, 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

• Fern Terrace color palette (#CBE8D7, #4E4800, #1B2800, #000E0E, #010100)
• Inked Garnet Delta color palette (#EDE3D4, #891426, #322000, #02003B, #0A0100)
• Aged Fern color palette (#E8DFC8, #6F6500, #334500, #002526, #040400)
• Spruce Corridor color palette (#F1E9CC, #566066, #303000, #131E1A, #000601)
• Wandering Bronze Field color palette (#FEEED1, #B85E00, #676000, #00462E, #020200)
• Onyx Dune color palette (#EDEEDC, #2E6B50, #003330, #310200, #000804)
• Lagoon Lagoon color palette (#F8EBE5, #418E95, #004357, #002318, #000A17)
• Hushed Onyx Thicket color palette (#F3DFD7, #776621, #1A4A18, #340252, #2D0019)

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