Dusty Lagoon color palette — #E8FBEC · #B1BB7F · #628E5C · #5A6280 · #213C32

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

The five colors

• Ivory (#E8FBEC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B1BB7F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#628E5C): A luminous, balanced green — the color of fresh herbs.
• Graphite (#5A6280): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#213C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Tempered Drift color palette (#ECF8F3, #AED0A2, #649D83, #706F87, #304844)
• Clover Thicket color palette (#D2ECDD, #88B558, #298556, #535075, #0B3029)
• Dusty Petrol Alley color palette (#FBF5E4, #C7D7A8, #6F9668, #36688D, #2D2802)
• Washed Fern color palette (#FFF1F5, #A09E6E, #4B6D44, #4C4566, #153E2D)
• Weathered Pine Parlor color palette (#FCF1F9, #97E4E8, #4DA2BE, #187E5C, #223D55)
• Fuchsia Summit color palette (#EFEBFF, #EC92F3, #449B41, #96549B, #203E1F)
• Misty Emerald Courtyard color palette (#C3EADC, #389A51, #006150, #4B284F, #001504)
• Shell Archive color palette (#F5F3FF, #FFD3E1, #FFB69A, #8479B0, #473B54)

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