Muted Lagoon Harbor color palette — #E0F7F7 · #2B9166 · #2C4143 · #1A2C2D · #0F1719

Fern and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E0F7F7): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#2B9166): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#2C4143): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1A2C2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0F1719): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Smoked Cypress color palette (#DCF1F4, #00796D, #003233, #001C21, #01080E)
• Hushed Fern Veranda color palette (#EFF4E9, #7DCAA4, #728169, #485D1B, #21221C)
• Tempered Basalt color palette (#EFF4E7, #70AB89, #4C5E4C, #303E00, #22221A)
• Timeworn Quarry color palette (#DCEFFF, #605457, #003E5C, #251B22, #000818)
• Wandering Teal Orchard color palette (#E7F9FF, #55A6AE, #7888B7, #638058, #2E474F)
• Denim Hollow color palette (#D7EAFD, #005D9F, #091C44, #000E1F, #010109)
• Wandering Lagoon Coast color palette (#D0FBFF, #70C0B1, #35968D, #166F6F, #3C5067)
• Petrol Grove color palette (#EBF8FC, #76BEC4, #9E8FC2, #00828A, #464A6C)

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