Muted Lagoon color palette — #FDF3ED · #C4EAD8 · #83B4F8 · #00A28F · #37345E

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Honeydew (#C4EAD8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#83B4F8): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A28F): A luminous, balanced teal — the color of sea glass.
• Navy (#37345E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Sky Grove color palette (#FFF2EC, #92E9FD, #48B3FE, #009C74, #1E2871)
• Periwinkle Quarry color palette (#FBF4EA, #C0E5F5, #4BAFF5, #007E86, #3C253C)
• Timeworn Meadow color palette (#FCF3F1, #C8E8DE, #6FCCE9, #63AC66, #275147)
• Ancient Teal Garden color palette (#FAF4F0, #C4DFEA, #A9CAF1, #50B7A1, #65485B)
• Worn Iris Quarry color palette (#E9DDD2, #97C7E6, #618BF8, #007D78, #26084F)
• Muted Hollow color palette (#ECE2DB, #7BA7C1, #3D6CD9, #005E58, #0C0025)
• Worn Meadow color palette (#FCEDF4, #8FD2F0, #4F7DBB, #005D51, #161E3C)
• Misty Cerulean color palette (#EBDEDA, #6FBFC6, #008FC0, #007140, #001036)

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