Dusty Lagoon color palette — #F9F5E8 · #A4E1B1 · #209E92 · #466C62 · #262A13

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Mint (#A4E1B1): A whisper-light, balanced teal — the color of shallow lagoons.
• Fern (#209E92): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#466C62): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#262A13): 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

• Washed Emerald color palette (#FFF3E7, #DAD38E, #6D985D, #526B54, #2E2713)
• Teal Market color palette (#FCF6DA, #9EEEB8, #00A89F, #8D5A65, #0B381F)
• Ancient Cypress color palette (#EFF4E7, #7AAC9A, #007566, #005153, #152007)
• Washed Study color palette (#FCF3ED, #D7D5E3, #75A8EE, #048171, #402435)
• Taupe Atelier color palette (#FDF3EA, #F2E7AC, #89A973, #8B6C76, #3B3831)
• Tempered Chartreuse color palette (#FFF3E3, #B8D142, #00974F, #7C3E70, #1C2200)
• Dusty Moss color palette (#FFF0F8, #B5ACFF, #5E9720, #1A8861, #2B1120)
• Weathered Pine color palette (#E6DEC6, #398F3E, #00473C, #300C1E, #010100)

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