Weathered Lagoon color palette — #FFF0F7 · #A1AF77 · #3D8677 · #704B69 · #354D4A

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sage (#A1AF77): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3D8677): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#704B69): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#354D4A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Denim Thicket color palette (#EBFAEA, #C69F77, #6D7F51, #5B517F, #374E3E)
• Worn Denim color palette (#F5F3DF, #AAB086, #3E886E, #15587D, #292F18)
• Taupe Parlor color palette (#E8FAF5, #87A366, #577198, #704066, #5C3444)
• Softworn Lagoon color palette (#EDF9F1, #A1CBBF, #568C89, #526D5D, #3D524C)
• Washed Petrol color palette (#FBF2F5, #DADEEF, #839BBD, #477687, #4A5269)
• Weathered Teal color palette (#FFF0F9, #42AB9F, #346F9A, #733C28, #24424D)
• Hushed Emerald Drift color palette (#FFF0F8, #33A637, #006E74, #741E4E, #00402D)
• Weathered Loft color palette (#E1F7F5, #488F5A, #2C4044, #1D2C2B, #0D1718)

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