Muted Lagoon Coast color palette — #FFF2EC · #A8F0EC · #64C1D6 · #569D73 · #174436

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#A8F0EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#64C1D6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#569D73): A luminous, balanced teal — the color of glacier melt.
• Forest (#174436): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Lagoon Coast 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 Drift color palette (#FFF2EC, #A8F3FF, #40C5FD, #00A988, #1E4167)
• Softworn Cypress color palette (#ECF8F5, #94E6E2, #42A6AC, #007E6C, #0D4152)
• Dusty Boulevard color palette (#E2FFDF, #CCF1FF, #C6D0FF, #7CAC92, #2A4637)
• Mint Quarry color palette (#D3EFD8, #00DAB4, #00B1A8, #008798, #034052)
• Weathered Station color palette (#EDF4EE, #A7CFDA, #218B97, #005E45, #002530)
• Turquoise Archive color palette (#E1FAFF, #54E0FE, #00BCD7, #008791, #00272C)
• Aged Petrol color palette (#FDE9E0, #4AB3B5, #00819C, #00603F, #000A15)
• Quiet Aqua color palette (#E4F4E4, #00D9DA, #F58E93, #00A6A7, #552327)

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