Weathered Lagoon color palette — #FBF2F7 · #D3DEF7 · #83A7D5 · #008E7B · #3C4664

A conversation between Fern and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#D3DEF7): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#83A7D5): A luminous, dusty blue — the color of open sky before noon.
• Fern (#008E7B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3C4664): A deep, shadowed, dusty violet — the color of wild irises.

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

• Powder Ridge color palette (#FCF3EE, #D5D6E5, #8BC0F5, #50907E, #4F3647)
• Azure Parlor color palette (#FFF0FA, #A4E7FB, #55A2E3, #008568, #30377A)
• Cerulean Terrace color palette (#F9F4ED, #C6E5D4, #4E92BC, #007073, #534055)
• Dusty Teal Coast color palette (#EBF7FF, #DBDAE5, #F1BDC6, #59AEA1, #3E5061)
• Tempered Station color palette (#C2F3F7, #6FD5CF, #009EC1, #0076AA, #34456B)
• Wandering Quarry color palette (#E8DEE6, #6C9AAD, #005F88, #003E26, #00002F)
• Cerulean Workshop color palette (#EBF7FF, #7BC2E4, #DC8F6D, #008CB9, #623420)
• Tempered Alley color palette (#EBDFE4, #7AA9C2, #205ECC, #004B44, #17003F)

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