Muted Harbor color palette — #E2F0F4 · #008B82 · #2D486F · #00403B · #000103

Fern and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E2F0F4): bright and airy, almost weightless.
• Fern (#008B82): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D486F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Forest (#00403B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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

• Wandering Petrol Canyon color palette (#D2F8FD, #007E94, #004A60, #002134, #00050F)
• Tempered Navy Study color palette (#E7EDDF, #008C61, #003987, #003C27, #09000A)
• Nightshade Archive color palette (#DEEDF8, #0083B3, #0E08C9, #003B54, #000106)
• Timeworn Abyss color palette (#E2EFF3, #A7B6BD, #6196A9, #004E51, #000D12)
• Wandering Ultramarine color palette (#DEF1FB, #00A5C8, #0054BE, #005569, #000310)
• Moonless Aubergine color palette (#E5EFF8, #005E8F, #250079, #002136, #00000A)
• Twilit Aubergine Studio color palette (#D3E6F3, #006083, #330096, #31002D, #000504)
• Lapis Lagoon color palette (#EAF9F8, #00BF7F, #543AD9, #005D3B, #010009)

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