Muted Lagoon color palette — #EFF7F8 · #D3DEE9 · #B3C6DE · #00897C · #0A2226

A conversation between Fern and Sky, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D3DEE9): a clean, paper-quiet neutral.
• Sky (#B3C6DE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#00897C): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#0A2226): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Balcony color palette (#ECF7FC, #D1DAE9, #9CC0D7, #006D76, #020F14)
• Muted Teal Meadow color palette (#E4F1F3, #C6D5E7, #AFB8D3, #37A78E, #1E3234)
• Lowlit Cerulean Veranda color palette (#CFEBF6, #008695, #002936, #140D0D, #000508)
• Patina Cobalt Canyon color palette (#EDF7FF, #D8D9E4, #BDA5AE, #0087C4, #142735)
• Softworn Workshop color palette (#E3F2F3, #BFCFD6, #92A2B3, #006450, #193335)
• Wandering Glacier color palette (#E7F9FF, #A3FFEF, #00E4F2, #0098C4, #00161A)
• Olive Boulevard color palette (#E7FBF1, #B5C381, #5E8519, #2B5E30, #001E16)
• Muted Meadow color palette (#E7F9FF, #8ECBF8, #6890D0, #71497A, #2F233F)

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