Muted Harbor color palette — #BAF1EE · #35D877 · #CF00DD · #A96900 · #00270F

A conversation between Orchid and Clover, giving this palette its sense of nature and growth.

The five colors

• Sea Foam (#BAF1EE): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#35D877): A luminous, vivid teal — the color of shallow lagoons.
• Orchid (#CF00DD): A luminous, vivid pink — the color of a candy shop window.
• Ochre (#A96900): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00270F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Muted 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

• Chalky Orchid color palette (#D0EFED, #25D477, #B526F1, #726900, #292500)
• Faded Raspberry color palette (#C4EEF0, #36D4A5, #E50B95, #817E00, #00261B)
• Misty Violet Market color palette (#D9FBFF, #00B696, #9A62FF, #896800, #001E17)
• Tempered Peony color palette (#E5F9FF, #3AE1DF, #E84BAA, #A58500, #00313C)
• Hushed Magenta color palette (#CAF0D4, #C99C00, #F825D1, #977400, #291D00)
• Byzantium Boulevard color palette (#D8EDC8, #009D7F, #B900D6, #A70706, #00261D)
• Scarlet Pier color palette (#DEECBE, #A6C730, #8568E8, #E30F09, #1B2300)
• Soft Magenta Corridor color palette (#DDFCFF, #00AA8A, #B946B9, #A00028, #00110B)

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