Misty Lagoon color palette — #DFE2C4 · #80B279 · #008371 · #4C4078 · #59293B

Teal takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DFE2C4): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#80B279): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008371): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#4C4078): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#59293B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Misty 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

• Frosted Moss color palette (#ECE1D6, #8FA44A, #007674, #623752, #370829)
• Aged Harbor color palette (#E6E1CB, #93A25D, #008747, #2F448A, #4C2B67)
• Wandering Teal Field color palette (#E6EED7, #4EADA0, #2E768C, #593851, #522F25)
• Feathered Lime color palette (#EFDDCA, #89BE59, #00A09E, #764E74, #523351)
• Denim Thicket color palette (#C8F1E4, #41939B, #005A81, #56273D, #470F0C)
• Dusty Cobalt color palette (#D0E6CF, #97D0B3, #65B3A4, #337FB3, #1C3B72)
• Gentle Courtyard color palette (#E9EED6, #2BA982, #006960, #5A3C00, #003727)
• Hushed Taupe color palette (#FAF6DC, #C3C8B3, #8B9E85, #866976, #644B4C)

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