Muted Harbor color palette — #D1E6E8 · #00C69A · #8D57FF · #008B6B · #020211

Built around Amethyst, softened by Jade — the whole palette hums with creativity and calm.

The five colors

• Frost (#D1E6E8): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#00C69A): A luminous, balanced teal — the color of glacier melt.
• Amethyst (#8D57FF): A luminous, vivid violet — the color of a velvet chair.
• Fern (#008B6B): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#020211): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Energy, Balance. Tagged duotone, vibrant, cool.

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

• Pale Harbor color palette (#CEE3EB, #00C0CD, #A549F4, #008690, #030114)
• Byzantium Coast color palette (#D1E7ED, #009597, #9539E4, #824100, #000A09)
• Muted Clover Courtyard color palette (#D7E7E6, #19C96E, #0086E1, #008E4A, #00030B)
• Frosted Magenta Corridor color palette (#E4F5FB, #00DDE7, #DE4BFF, #00A1A9, #1D0623)
• Sapphire Courtyard color palette (#FFE3EC, #00ADB0, #0074DF, #7A4800, #001A21)
• Chalky Iris color palette (#C6E5F9, #00E0CB, #00BEE9, #8C81FF, #001421)
• Plum Garden color palette (#DCEFFB, #0099C1, #A6009D, #00617C, #03000A)
• Pale Ultramarine Studio color palette (#D5F7ED, #00B7C6, #0089B8, #1639D2, #18004A)

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