Muted Lagoon color palette — #F9F3F9 · #D2D5E5 · #70C8E8 · #4A9558 · #244161

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#70C8E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4A9558): A luminous, balanced green — the color of new leaves after rain.
• Navy (#244161): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Antique Lagoon color palette (#FBF2F6, #D8D4DF, #A0BAF2, #00968F, #41385D)
• Muted Bloom color palette (#F9F4ED, #C6E6DD, #6ACEE0, #4BAC8E, #334F41)
• Softworn Cerulean color palette (#EDF4EE, #BAE5F1, #4A9BA9, #2F6B58, #12303F)
• Taupe Villa color palette (#E7FBF0, #C0E6DD, #A5A168, #866339, #0A393A)
• Weathered Dune color palette (#FFF2EE, #C7E6C8, #4D95AF, #3F6F48, #534055)
• Gentle Chapel color palette (#F7F3FF, #E1A3D6, #7FBD6A, #64A54D, #2F2541)
• Gentle Azure color palette (#FFF0FA, #D5D8F3, #23A0FB, #00755B, #181461)
• Tempered Petrol color palette (#F4EBF2, #82C3CC, #00709C, #004026, #000113)

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