Weathered Lagoon color palette — #FAF5E8 · #A7BD95 · #52906C · #4B6D52 · #36362F

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Sage (#A7BD95): A luminous, dusty green — the color of new leaves after rain.
• Fern (#52906C): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#4B6D52): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#36362F): a grounded near-black with real depth.

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

• Hushed Chapel color palette (#F7F7E3, #91C1A6, #259389, #6A661A, #2D3C00)
• Muted Courtyard color palette (#FFF3E4, #B9B880, #6A8C52, #7B566D, #37352F)
• Cypress Lagoon color palette (#E9E5D1, #85B28A, #00856D, #654A69, #113117)
• Patina Emerald color palette (#E9FAF1, #BCDCA4, #37A06C, #3F6A7A, #013028)
• Tempered Pine color palette (#E9F9F6, #76A5A0, #207447, #1B5647, #163D39)
• Cypress Hollow color palette (#FFF2EC, #BFDDC5, #3EA2C7, #007F60, #163D5F)
• Mustard Boulevard color palette (#F9E8D4, #BCAE2B, #5F8626, #4D5495, #342F00)
• Wandering Jade Chapel color palette (#E6E1CB, #6BA368, #007257, #004E5C, #012202)

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