Muted Lagoon color palette — #FDF0FF · #99B180 · #32848D · #645072 · #324E4D

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

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#99B180): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#32848D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#645072): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#324E4D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Petrol Garden color palette (#FFF0F9, #7AB6A3, #527BA2, #794D39, #324C55)
• Weathered Dune color palette (#F9F1E3, #8DB893, #368782, #693F74, #273019)
• Timeworn Harbor color palette (#EEF8F3, #A1CBC5, #568B92, #556C61, #375350)
• Worn Pewter Dune color palette (#EDF9EF, #9FCBA5, #5CA09B, #845E8F, #2E4E4F)
• Ancient Cypress Atelier color palette (#F9F3F9, #D5D6EB, #7B9EB6, #4E7A5C, #42546B)
• Taupe Harbor color palette (#E9FAF4, #919F68, #6A6B99, #734447, #58321E)
• Timeworn Garnet color palette (#FFF1F2, #37A45E, #006A8A, #800F2F, #003F37)
• Muted Lagoon color palette (#E7F5F6, #408E72, #2B4049, #1D2C2D, #0F1718)

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