Weathered Lagoon color palette — #E5F6F1 · #99BE9D · #398569 · #5E4C6D · #132C2A
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E5F6F1): bright and airy, almost weightless.
- Sage (#99BE9D): A luminous, dusty green — the color of new leaves after rain.
- Fern (#398569): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#5E4C6D): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#132C2A): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Driftwood Garden color palette (#EAF5ED, #A5CEBC, #748C5A, #70586E, #25352E)
- Weathered Fern Grove color palette (#F9F5E9, #93BC96, #3A8275, #6D5155, #404700)
- Timeworn Cypress Cabin color palette (#E6F6F2, #76AF8A, #00765F, #603E18, #002221)
- Antique Teal color palette (#EDF8F3, #CBF2CA, #40B49E, #7A708F, #243E3B)
- Ancient Amber color palette (#E3F9E4, #BC8000, #009193, #86529A, #102311)
- Washed Basin color palette (#EEF4EF, #C9DFF4, #6A8EC9, #006980, #202B45)
- Worn Lagoon color palette (#CEEEEA, #1C8D69, #004F48, #3A2500, #000B05)
- Charred Pine Workshop color palette (#CEE4E0, #007C4E, #004035, #3E001D, #000404)
Browse the whole catalog at Explore, or see today's palette.