Weathered Lagoon color palette — #F9F3F7 · #D2D7ED · #7FBCCA · #57966F · #3A566B

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#D2D7ED): A whisper-light, dusty violet — the color of wild irises.
• Ash (#7FBCCA): A luminous, dusty blue — the color of deep harbor water.
• Fern (#57966F): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3A566B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Villa color palette (#FCF3EF, #BCE7EB, #9FC9EB, #8D9772, #39544A)
• Washed Atelier color palette (#F5F6EF, #C9E6DC, #5CA8AA, #307E6D, #445849)
• Dusty Denim color palette (#EBDCE7, #619EA3, #00627B, #003D2B, #000A17)
• Emerald Atelier color palette (#EBF8F6, #ADCFA9, #BAA3E6, #5E9F56, #52456C)
• Hazy Terrace color palette (#FEF1FA, #B9E2F5, #00A8E8, #008570, #1D406E)
• Hazy Pine color palette (#E2FEE8, #CBCD9A, #95B06A, #508A4C, #1F5A5B)
• Ancient Basin color palette (#FFF1F6, #B8D3BD, #B89373, #976659, #3A4D44)
• Timeworn Cobalt Hollow color palette (#F8EAF2, #A8CADE, #338CD1, #006C66, #19295D)

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