Muted Lagoon color palette — #F9F4ED · #C7EDE0 · #97BC9E · #63927D · #3B5044

Eucalyptus and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Honeydew (#C7EDE0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97BC9E): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#63927D): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3B5044): 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

• Antique Powder color palette (#F9F4ED, #C6EDEA, #88B8D7, #579293, #5B4D5D)
• Olive Atelier color palette (#FBF3EF, #CBE9DE, #69A4B0, #687632, #325246)
• Muted Pier color palette (#F9F3F7, #D2D6EB, #8DD4E3, #71B388, #3B566A)
• Antique Periwinkle color palette (#FFF0FE, #84B1FF, #D1918F, #7D9C77, #4B3D4A)
• Powder Garden color palette (#FEF0FE, #9BC8FF, #D6A771, #678FBF, #514C46)
• Muted Cerulean color palette (#F3EEE5, #8ECFE8, #328FC4, #006B6E, #102F50)
• Tempered Boulevard color palette (#F4EBDC, #06B6C8, #00718D, #004B42, #001624)
• Tempered Pier color palette (#FCF4E7, #99EAFA, #00ABDB, #00837B, #054468)

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