Muted Lagoon color palette — #F1F7F2 · #D1DCF0 · #70AECD · #008D88 · #2D4A65

Fern takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#D1DCF0): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#70AECD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#008D88): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D4A65): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Azure Cabin color palette (#F0F8F1, #C0D8EA, #569BDA, #007A87, #253962)
• Antique Powder Ridge color palette (#FBF4EA, #BDE6F4, #74C6EF, #47908C, #25473E)
• Hushed Petrol color palette (#DDECE0, #6FABC5, #006CA5, #00494E, #001231)
• Antique Harbor color palette (#E2FDEF, #ABA963, #11A7D5, #C65A98, #1B4031)
• Faded Bronze color palette (#EBF9F1, #C2B980, #8F9DF1, #928100, #373E6C)
• Taupe Hollow color palette (#E3FCEF, #C0E1E8, #89CBE5, #B99653, #305448)
• Driftwood Delta color palette (#EAFAF0, #9BCAB7, #9D9051, #816430, #1D453C)
• Frosted Amber Hollow color palette (#FFDBE7, #DDB77A, #B08E16, #746C00, #434A1F)

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