Weathered Lagoon color palette — #E9F5F2 · #A7CFD9 · #008D92 · #005D4F · #002531

A conversation between Cerulean and Pine, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Oat (#A7CFD9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008D92): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Timeworn Cobalt color palette (#E8F5F4, #ABCCE8, #4380B8, #005771, #0A213C)
• Aged Forest Quarry color palette (#FCF3EE, #B3CEB0, #00879C, #006438, #094059)
• Ancient Terrace color palette (#DCEEEA, #3C8687, #00444B, #00201C, #000202)
• Hushed Pier color palette (#FEF1F9, #D2D5E6, #58B5C9, #218250, #00334A)
• Worn Petrol Courtyard color palette (#EBF4F4, #D6D9EC, #829FC1, #3D728E, #27374E)
• Denim Harbor color palette (#E1F0ED, #5DABB0, #006470, #003A36, #000D12)
• Softworn Orchard color palette (#E3EEFF, #4C76D6, #974F91, #00686B, #04132C)
• Cobalt Ridge color palette (#DBEAF2, #3BA0E0, #0F6FB7, #003D80, #0A1A40)

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