Weathered Lagoon color palette — #EDF7FA · #D2DAE3 · #9EC2D4 · #007A78 · #27454D

Built around Teal, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D2DAE3): bright and airy, almost weightless.
• Ash (#9EC2D4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007A78): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#27454D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Cypress color palette (#E9F4F6, #CDD8EA, #A6C3DC, #007C71, #12292D)
• Lagoon Veranda color palette (#F2F7F1, #CBE0DD, #97CFD5, #009B8E, #394336)
• Pine Lantern color palette (#EDF8F6, #CCDDE4, #9CC5C7, #1C8028, #254743)
• Weathered Cobalt color palette (#F2F5FB, #DAD8DF, #B6A9AB, #6F80B0, #4D535D)
• Timeworn Navy Veranda color palette (#E6F0FA, #A2AAB4, #728098, #003A62, #091520)
• Moonless Meadow color palette (#C8E4F3, #00758C, #002F43, #001C24, #010613)
• Muted Balcony color palette (#E9F8FF, #00E9E4, #00BCD6, #008FC5, #003D4C)
• Worn Bloom color palette (#EFF6FF, #CAD3E2, #9AA6C4, #0055B8, #1F344E)

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