Dusty Lagoon color palette — #F5F7E8 · #97C19D · #48926B · #6D6433 · #333A00

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Mint Leaf (#97C19D): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#48926B): A luminous, balanced teal — the color of sea glass.
• Olive (#6D6433): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#333A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hazy Lagoon Chapel color palette (#F4F7E9, #8DCBAA, #009D7C, #347A46, #14452F)
• Weathered Driftwood color palette (#FDF4E4, #BDB684, #828637, #766120, #38352E)
• Muted Olive color palette (#F1ECD0, #96B869, #388E00, #576200, #223500)
• Cocoa Study color palette (#F7F6E6, #71AA87, #007367, #74371B, #2F3B00)
• Emerald Boulevard color palette (#E8F7CE, #86D1AA, #009A65, #00613E, #002616)
• Ancient Balcony color palette (#F6F6EB, #D1D4BA, #7EA884, #868037, #4F5100)
• Misty Bronze Study color palette (#E1E9CE, #59A977, #0098BA, #937300, #04351B)
• Hushed Hollow color palette (#DEE0CB, #4C8357, #005333, #0F3500, #000901)

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