Muted Lagoon color palette — #FBF3F1 · #CFE7E0 · #91BDA7 · #5F956A · #604A61

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CFE7E0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#91BDA7): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5F956A): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#604A61): A full-bodied, dusty pink — the color of neon signs at night.

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 Lagoon color palette (#F9F4EF, #CDE5E8, #A2B0D9, #3C9696, #684756)
• Lagoon Archive color palette (#FFF1F3, #CDA0C8, #82B47C, #3C9E84, #553A3E)
• Powder Lagoon color palette (#F9F4ED, #BEE2E7, #98C8EC, #97A986, #375144)
• Tempered Wisteria color palette (#FFF1F3, #D9B7DB, #99BF7F, #B36EB9, #4D4E46)
• Dusty Azure color palette (#FEF2EC, #BDE6CE, #53A2E4, #008568, #323A71)
• Weathered Cabin color palette (#EBDBD5, #619EA6, #005F87, #003E25, #00012D)
• Bronze Lagoon color palette (#F9F5E9, #CDCDAD, #A89B76, #986A2F, #3C5008)
• Pale Cobalt color palette (#F6ECE5, #A7CFBC, #4887D8, #006D5F, #2A245A)

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