Weathered Lagoon color palette — #ECF3F6 · #D3D8E3 · #BBBCCD · #258485 · #242E31

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D3D8E3): bright and airy, almost weightless.
• Ash (#BBBCCD): A luminous, dusty violet — the color of wild irises.
• Teal (#258485): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#242E31): quiet, heavy and certain.

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

• Worn Thicket color palette (#EEF7FB, #D5DAE4, #B8BFD2, #4C7C8D, #40494D)
• Tempered Petrol color palette (#EDF2F9, #D9D4E6, #BCBCDA, #276DB1, #192634)
• Muted Pine Pier color palette (#ECF4EF, #8EBFB1, #51825C, #255F60, #122D26)
• Tempered Lagoon color palette (#DBE6EA, #8EA3B3, #667D9F, #003E45, #000509)
• Weathered Cabin color palette (#E5E9EF, #C8CBD7, #A49EC1, #2650A1, #0D1623)
• Weathered Pier color palette (#DCDFEA, #B2B1C1, #9486A7, #3F2C93, #060A17)
• Muted Teal color palette (#FFECF4, #14B2B2, #366DAB, #673919, #072634)
• Timeworn Grape Orchard color palette (#E6F5F7, #00A492, #794BA1, #5A3900, #221F00)

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