Dusty Lagoon color palette — #F5F4FF · #C8A0D4 · #8FB172 · #4B9D79 · #423F53

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#C8A0D4): A luminous, balanced pink — the color of a candy shop window.
• Sage (#8FB172): A luminous, balanced green — the color of fresh herbs.
• Fern (#4B9D79): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#423F53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Ancient Station color palette (#F0F5FF, #A2ADE5, #C59D61, #918F42, #384258)
• Dusty Teal Drift color palette (#FBF1FF, #E19AAC, #4EB9AB, #2B9AB0, #4C3C51)
• Timeworn Boulevard color palette (#FFF1F6, #D9BDFF, #93CB99, #89AD8C, #453239)
• Washed Bronze Orchard color palette (#ECF9F1, #B2D3C9, #7FA68E, #926B4A, #364D4B)
• Lagoon Hollow color palette (#FFF1F5, #D1A06F, #9D9261, #038F78, #4C363E)
• Emerald Lagoon color palette (#F3E5FF, #F982C2, #00AE91, #099624, #4A1F36)
• Softworn Amber Cabin color palette (#FFF1F4, #AF85C3, #B17F30, #008788, #503C41)
• Ash Bloom color palette (#F3F4FF, #E6D8E0, #A2CDCF, #8EA5CF, #4E4A5F)

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