Muted Lagoon color palette — #FAF4F0 · #CFE5E4 · #8FB5DB · #319893 · #624A5C

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CFE5E4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8FB5DB): A luminous, dusty blue — the color of deep harbor water.
• Fern (#319893): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#624A5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: 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

• Dusty Lagoon Parlor color palette (#FBF3F0, #D0E4DF, #92BDA5, #559678, #325248)
• Dusty Courtyard color palette (#EFF7F6, #D5DCEE, #68A1C3, #407884, #405568)
• Washed Lagoon Villa color palette (#F0F8EB, #90D4C1, #DA9AC4, #00A388, #6A3F42)
• Feathered Studio color palette (#F8EBE4, #80BBD1, #007BBE, #005A53, #08194D)
• Softworn Drift color palette (#EAFBE6, #ADE7DD, #4FB0A8, #007F6F, #00443A)
• Timeworn Denim color palette (#F5EBE4, #6999B8, #1C54AA, #003B3E, #07002A)
• Worn Coral color palette (#EDF9EC, #6BC3BD, #C292C1, #D07279, #364834)
• Hushed Cerulean Study color palette (#F7ECE7, #B0CDB3, #0095B7, #006F4D, #00314F)

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