Weathered Lagoon color palette — #EFF0E3 · #93D2D0 · #0098A1 · #006D5F · #00353C

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#EFF0E3): bright and airy, almost weightless.
• Ice Blue (#93D2D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0098A1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00353C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Turquoise Villa color palette (#F5F6EE, #C0DDC6, #16A7BF, #007C79, #004252)
• Cobalt Alley color palette (#EDF0E3, #9CCBE8, #3B8DC9, #006881, #082F54)
• Weathered Villa color palette (#ECF8F5, #A1F7F6, #00A5B0, #006B5F, #002329)
• Ancient Petrol color palette (#F8ECE5, #7CBFBE, #00758A, #005331, #00324B)
• Antique Grove color palette (#E0E2D4, #649DA8, #006278, #003B3D, #000B12)
• Lagoon Veranda color palette (#F5F6EF, #CCE3DD, #75BFCA, #229A8F, #335240)
• Tempered Emerald Drift color palette (#DFE2C5, #539A3D, #008B96, #8F5D00, #082700)
• Emerald Lantern color palette (#EEF5D1, #9EE4C5, #62C6B8, #469328, #30322C)

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