Weathered Lagoon color palette — #F5F6EE · #BBE9E1 · #67B2C3 · #338A87 · #2B513F

Fern takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Sea Foam (#BBE9E1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#67B2C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#338A87): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2B513F): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Aqua color palette (#EEF7F6, #D5DFEB, #61CCE4, #3B918F, #264353)
• Hushed Petrol color palette (#DEE0D3, #5DAFC4, #007190, #00494F, #001623)
• Cerulean Meadow color palette (#F3F6EE, #BBE7EF, #86A7D5, #4782A3, #573E54)
• Dusty Basin color palette (#FBF3EF, #C9E4CF, #4895B5, #00735A, #2C4A68)
• Cerulean Cabin color palette (#EEF0E4, #8AD1E0, #1C94B3, #006B6E, #003345)
• Hushed Blush color palette (#FFF1F2, #D18ABA, #CC8463, #7582BC, #4E2E30)
• Ancient Drift color palette (#FFF1F1, #E2D7D0, #DBBE92, #B88BB2, #664644)
• Tempered Cocoa color palette (#FFF2EA, #D9B699, #B48267, #8A5C4C, #583400)

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