Weathered Lagoon color palette — #DEF5F3 · #009FA5 · #00666F · #003E48 · #001A22

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

The five colors

• Cream (#DEF5F3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009FA5): A luminous, balanced teal — the color of glacier melt.
• Peacock (#00666F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003E48): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001A22): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Muted Cerulean color palette (#D1EEFA, #0097C9, #00618C, #003A5D, #001B38)
• Muted Hollow color palette (#CFFFE6, #00CBB5, #008B94, #005E77, #002B42)
• Misty Byzantium color palette (#DCF3FF, #0096B1, #A319DB, #005666, #240035)
• Muted Periwinkle color palette (#DFF6FF, #9DDAFF, #71AFFC, #007786, #002230)
• Pale Emerald Drift color palette (#DDE7DB, #009D43, #006F41, #004931, #001E16)
• Ultramarine Thicket color palette (#D2F3F5, #008188, #2647F2, #306000, #001213)
• Eclipse Denim Courtyard color palette (#CCE3E8, #005E73, #003141, #001520, #000205)
• Dusty Navy Lantern color palette (#DDEFFF, #5A91D4, #2A5CBA, #1A2E90, #191C49)

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