Cocoa Harbor color palette — #E6F0E8 · #98A9A0 · #718D85 · #594000 · #000D03

Deep Olive and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E6F0E8): a clean, paper-quiet neutral.
• Taupe (#98A9A0): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#718D85): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#594000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000D03): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Weathered Delta color palette (#EDE6EB, #AEA0A6, #7B8C7B, #752813, #0F060D)
• Chestnut Summit color palette (#E9E2DA, #9CA591, #76907B, #845900, #100700)
• Timeworn Onyx color palette (#DCE3DC, #8D9E97, #527977, #3B2600, #030C04)
• Tempered Basalt Archive color palette (#E7E1D7, #C0BAAA, #979371, #4E3800, #020100)
• Worn Atelier color palette (#D5E2E0, #A0BABC, #7F9BA2, #00642B, #001817)
• Muted Pine color palette (#D6F3ED, #39865A, #005242, #402400, #000803)
• Olive Meadow color palette (#EBE8DA, #6A824C, #1B5D47, #262654, #1B0326)
• Olive Orchard color palette (#E6F2EC, #C8DDD7, #9EBFBB, #7A7520, #1E3329)

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