Weathered Lagoon Lagoon color palette — #F8F1E5 · #9FB575 · #278C67 · #544979 · #2C2D1E

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#9FB575): A luminous, balanced green — the color of fresh herbs.
• Fern (#278C67): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#544979): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2C2D1E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Tempered Petrol Atelier color palette (#F3F3E6, #8BA673, #007F99, #57406C, #392012)
• Olive Workshop color palette (#FAF0E1, #CAA46D, #767F3F, #2E5677, #332B1C)
• Taupe Grove color palette (#FFF0FB, #AFAB65, #34877B, #5B5474, #344E48)
• Stone Delta color palette (#E8FBEC, #AFCA7C, #5DA384, #656C91, #334E49)
• Dusty Ridge color palette (#F4F4DD, #CAD3BA, #829782, #705C62, #503D3C)
• Petrol Basin color palette (#FCF0DD, #3FB0AA, #00759C, #6C2F44, #122918)
• Aged Workshop color palette (#FFF0D8, #40AA4F, #007169, #5F0679, #002314)
• Emerald Thicket color palette (#EDEFE3, #579359, #344027, #1E1F15, #0D0D07)

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