Cocoa Harbor color palette — #E0EDD4 · #00604B · #5F2600 · #2E2400 · #131300

Rust and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0EDD4): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#00604B): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#5F2600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2E2400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#131300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Garnet Drift color palette (#E4E8D3, #036C18, #7E0014, #3C2200, #121500)
• Cocoa Basin color palette (#EAFAEA, #007376, #6A4700, #383D00, #1A230A)
• Eclipse Station color palette (#DDF1E1, #003E44, #2F2200, #081000, #000202)
• Tempered Lagoon color palette (#D4E8E1, #006193, #6E006E, #312100, #000404)
• Sunlit Summit color palette (#D8EDE0, #006178, #4B228D, #0A3500, #041900)
• Faded Mulberry color palette (#DFEBFF, #5577DD, #8A2D96, #603F00, #001517)
• Timeworn Denim Corridor color palette (#E8F1ED, #C2CFCC, #AA9AAA, #005B84, #24312C)
• Weathered Cerulean color palette (#EDF8F4, #5597C0, #687334, #296044, #2B3D2F)

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