Weathered Lagoon color palette — #EBF4F2 · #B4CCA3 · #20987A · #5D7D45 · #0B1819

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Pistachio (#B4CCA3): A luminous, dusty green — the color of new leaves after rain.
• Fern (#20987A): A luminous, balanced teal — the color of glacier melt.
• Olive (#5D7D45): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0B1819): quiet, heavy and certain.

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

• Patina Veranda color palette (#EBF4F5, #83D6C2, #0093A4, #208371, #0B181D)
• Aged Moss color palette (#EDF4EF, #D0C48B, #6D9038, #847102, #0A1916)
• Stone Study color palette (#F8F5EC, #C4C57E, #3A8A95, #717132, #273129)
• Hushed Cabin color palette (#C6FFFB, #8FD0B0, #3B9C82, #00655C, #003131)
• Celadon Pier color palette (#F6F6ED, #BADF98, #5AAE92, #7D9567, #2B3027)
• Muted Jade color palette (#E1F7F6, #56C17B, #007C71, #006E37, #000C0F)
• Hushed Driftwood color palette (#ECF4F3, #CFD9DD, #A9B2C3, #6A8D6A, #303837)
• Emerald Workshop color palette (#D8E9E9, #00A772, #006262, #005438, #000304)

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