Weathered Lagoon color palette — #FCF4E7 · #A9BD8B · #279666 · #736134 · #36362F

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sage (#A9BD8B): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#279666): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#736134): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, 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

• Weathered Lagoon Lagoon color palette (#F8F6E7, #8BC3A2, #009390, #5E6940, #2E3C00)
• Dusty Olive Dune color palette (#FFF3E9, #C6B37D, #728B42, #2A7069, #38352F)
• Aged Veranda color palette (#EAFAF0, #A9DDCE, #589B6D, #466D57, #082F27)
• Patina Courtyard color palette (#EAE4D7, #8FB26C, #00865F, #005E79, #2C2A0B)
• Tempered Cocoa color palette (#FBF4ED, #DDD0B2, #89A671, #6F846D, #624900)
• Frosted Lantern color palette (#E7EFDE, #57C186, #009184, #006B78, #003F52)
• Coral Villa color palette (#E6F4DF, #32C0A9, #E8656E, #008472, #532527)
• Powdered Ember color palette (#DCEACE, #15AF85, #DD5A36, #AE5F39, #233110)

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