Muted Lagoon color palette — #D1ECDD · #009C78 · #007661 · #004A41 · #002726

A conversation between Fern and Teal, giving this palette its sense of calm and balance.

The five colors

• Honeydew (#D1ECDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#009C78): A luminous, balanced teal — the color of glacier melt.
• Teal (#007661): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004A41): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002726): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Aged Lagoon Corridor color palette (#CBECE5, #008A86, #006669, #00383C, #00181D)
• Bronze Harbor color palette (#DDEFD7, #009B8C, #946D00, #006056, #241800)
• Jade Alley color palette (#DAEDCF, #00B069, #008C72, #006B6E, #002730)
• Airy Bloom color palette (#E7F6D5, #549C00, #147512, #005021, #002412)
• Feathered Turquoise color palette (#D9E7D9, #6ADAEA, #30B3E0, #00756B, #002B2F)
• Ancient Teal color palette (#C0F8E7, #6AD5C4, #14AEA6, #008080, #064C51)
• Sapphire Pier color palette (#CEE6E4, #008681, #0064CF, #4A6200, #001615)
• Muted Violet Market color palette (#E2EFE4, #009BC1, #8969E9, #00222D, #000B05)

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