Weathered Lagoon Lagoon color palette — #F5F6EE · #CAE6DE · #99BBA1 · #4E958C · #365241

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE6DE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99BBA1): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4E958C): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#365241): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Lagoon Veranda color palette (#EEEEE2, #70C1C0, #00848D, #005A4F, #00242A)
• Glacier Quarry color palette (#EFF7F5, #D4DFEC, #80DCEA, #639F98, #37525F)
• Powder Bloom color palette (#F4F6EF, #CAE4E8, #95B3DD, #5C8DA9, #5F4B5C)
• Denim Market color palette (#E8EADC, #50A0AD, #006376, #003B3C, #000B11)
• Cobalt Studio color palette (#EDF0E3, #95CDEB, #368EC6, #00697E, #002F55)
• Weathered Bronze Thicket color palette (#FBF4E8, #D4CAB1, #AC9975, #936D2C, #574600)
• Aged Amber color palette (#FFF2ED, #ECB4AE, #A6BA7E, #C2736B, #4E4D46)
• Powdered Azure color palette (#F4F7E6, #A9E6FB, #1CA9DC, #00818E, #004565)

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