Cocoa Harbor color palette — #EFF9EA · #44BDA4 · #5E71B9 · #812600 · #002216

Rust and Slate set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#EFF9EA): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#44BDA4): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5E71B9): A full-bodied, balanced violet — the color of wild irises.
• Rust (#812600): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#002216): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Calm, Balance. Tagged cool.

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

• Misty Meadow color palette (#F6F6E6, #8CB46C, #007EBC, #8A003F, #132000)
• Dusty Chestnut color palette (#ECF9EE, #71CCD2, #8D7DC4, #854C00, #003331)
• Soft Orchid color palette (#EDF9EC, #01BEB9, #9E55A6, #584900, #00211A)
• Tempered Indigo Summit color palette (#FFF0F9, #9D9BEF, #8363B2, #634200, #002026)
• Cerulean Parlor color palette (#E9FAF0, #0098BD, #422C41, #00140A, #000200)
• Frosted Terrace color palette (#DFF7FF, #008790, #7A376C, #612600, #3A2800)
• Hazy Courtyard color palette (#FEF0FE, #5290F0, #A73829, #00442D, #001012)
• Wandering Bloom color palette (#DEF4E8, #0089AC, #3E4AA1, #4C1B54, #001912)

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