Muted Lagoon Studio color palette — #FBF3F1 · #D0E6DF · #91BDA7 · #5E9568 · #614962

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#D0E6DF): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#91BDA7): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5E9568): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#614962): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Lagoon Studio 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

• Lagoon Veranda color palette (#FAF4F0, #CBE9E7, #C3A5C7, #4D9684, #66485B)
• Lagoon Thicket color palette (#FBF3F1, #C9E3DD, #72AECA, #478B5E, #30486B)
• Patina Harbor color palette (#F0F8F0, #94D1D0, #E89993, #00A0A0, #534B48)
• Patina Bloom color palette (#EFF8EF, #FBD7E3, #BDDFF0, #85AE8F, #3B5547)
• Weathered Bloom color palette (#EFDED7, #54A0AA, #005F87, #003E26, #00012E)
• Cobalt Workshop color palette (#F7ECE5, #A2D0BB, #4E87D4, #006D60, #2B2459)
• Muted Cocoa color palette (#FFF3E9, #D6C8B3, #B59479, #956665, #554700)
• Softworn Delta color palette (#E6FBF2, #88B9D5, #CC90A8, #C5755D, #2C493E)

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