Weathered Lagoon color palette — #E7E8DB · #24878E · #00444D · #001F1D · #000202

Cerulean and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E7E8DB): bright and airy, almost weightless.
• Cerulean (#24878E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00444D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001F1D): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Tempered Navy color palette (#ECF0E5, #4F7CA8, #00387D, #001D2C, #00000D)
• Petrol Orchard color palette (#D3F3DF, #4091B7, #2B669A, #003C40, #000203)
• Petrol Cabin color palette (#E8EBDD, #7DBED6, #00759F, #004A54, #001829)
• Abyss Canyon color palette (#CEE5E0, #005F5D, #003131, #00171A, #000203)
• Wandering Denim Lantern color palette (#F5E2D9, #61B1B6, #005E76, #002D1E, #000103)
• Lowlit Aubergine color palette (#D2E8D7, #005760, #520484, #002328, #020006)
• Cerulean Corridor color palette (#F1F3EB, #A7D3C1, #4A82AC, #00586D, #2D1631)
• Twilit Navy Pier color palette (#D2F2F6, #00444C, #200C8C, #042C02, #000102)

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