Muted Lagoon color palette — #F9F4ED · #C9EAE0 · #94BDA1 · #5B9381 · #335244

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Honeydew (#C9EAE0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#94BDA1): A luminous, dusty teal — the color of sea glass.
• Fern (#5B9381): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#335244): A full-bodied, dusty teal — the color of sea glass.

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

• Hushed Harbor color palette (#F6EFE5, #7FBFBB, #008490, #005C42, #00242E)
• Powder Dune color palette (#F9F4EE, #C9E9EC, #95B4D9, #699177, #604B5C)
• Tempered Denim Harbor color palette (#E9DFD0, #649DA5, #00627A, #003C35, #000B14)
• Softworn Corridor color palette (#FFF4E1, #C7AE77, #59B4C1, #A884A8, #583D00)
• Dusty Cobalt color palette (#F4EDE3, #9CCCE4, #428DC5, #006B73, #0F2C59)
• Worn Chestnut color palette (#FCF4E7, #C3E2CC, #B9BDC8, #BC9F82, #665000)
• Washed Bronze color palette (#FCF4EA, #D9C9AA, #B09776, #9B6833, #574600)
• Wandering Amber color palette (#FBF4EA, #DFBF8B, #93B4DE, #AD853C, #5B445B)

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