Weathered Lagoon color palette — #EBF4F6 · #D3D7E0 · #BABBC8 · #298484 · #232E31

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EBF4F6): bright and airy, almost weightless.
• Silver (#D3D7E0): bright and airy, almost weightless.
• Ash (#BABBC8): a calm mid-gray that lets other colors speak.
• Teal (#298484): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#232E31): a grounded near-black with real depth.

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

• Lagoon Study color palette (#EFF7F9, #D5DBE3, #B8C0D0, #13848A, #394B51)
• Worn Grove color palette (#E8F6ED, #93BEB1, #598060, #315C68, #0C2E26)
• Softworn Balcony color palette (#EEF2F9, #DAD3E0, #B9B4C6, #51609B, #1A202C)
• Washed Abyss color palette (#DFE8EC, #8FA3B1, #6B7D97, #003E44, #000508)
• Powder Lantern color palette (#D6F7FF, #A1C3DE, #7E88A3, #4F6051, #273D2A)
• Petrol Terrace color palette (#FFECF5, #55ADAB, #446E9B, #653A21, #042735)
• Worn Navy color palette (#E2E5EC, #B2B1BF, #91899D, #3C3781, #060A18)
• Cerulean Dune color palette (#E6F5FB, #00A0AF, #864F75, #6C2906, #2A1B00)

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