Weathered Lagoon color palette — #FAF4F0 · #CFE4E4 · #97B3DC · #3D988A · #664859

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CFE4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#97B3DC): A luminous, dusty blue — the color of deep harbor water.
• Fern (#3D988A): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#664859): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Hushed Lantern color palette (#FBF2F7, #D7D4E0, #BEBEE7, #669CA5, #474D5F)
• Worn Archive color palette (#F7F5EB, #BFCB95, #ADAAE4, #85963E, #634155)
• Worn Cypress color palette (#FCF3EF, #BFDDC9, #5B9CCF, #007F5F, #2F385D)
• Lilac Parlor color palette (#F5F7E4, #93BF8E, #93A0E1, #9E78C4, #42433C)
• Patina Garden color palette (#F8EBDE, #7AAE9F, #4955CD, #004A4B, #1D0038)
• Hushed Cobalt color palette (#F1E8E1, #7CBCD3, #0075D1, #005B4B, #191151)
• Wandering Fern color palette (#F9F5E6, #CFE5D5, #D1C6DE, #C59A72, #544C00)
• Aged Cocoa Pier color palette (#FFF2EB, #DAC7B3, #BE8F7F, #936670, #5C4400)

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