Weathered Lagoon color palette — #FBF4EE · #BEECDD · #9DAFEC · #00A0A0 · #40315A

Cerulean takes the lead with Sky close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Honeydew (#BEECDD): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#9DAFEC): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#00A0A0): A luminous, balanced teal — the color of sea glass.
• Navy (#40315A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Emerald Garden color palette (#FBF3F0, #C6EBD0, #60BCF5, #00A571, #293961)
• Periwinkle Corridor color palette (#FAF4EB, #D9D5E0, #73A8F0, #007C92, #3E2439)
• Dusty Hollow color palette (#FAF4EF, #C6DEEB, #B3C7EF, #60B3AB, #674857)
• Emerald Balcony color palette (#EEF1D7, #9CCF93, #B7B0FF, #3C9F28, #342967)
• Tempered Indigo color palette (#EFE4D9, #79A5CF, #5F68CA, #005C61, #100020)
• Hushed Canyon color palette (#F4E5E1, #A9CAA8, #00A1C8, #00842B, #00203F)
• Cobalt Boulevard color palette (#F8EFF2, #9ECEF0, #6079BC, #005B59, #1B1E37)
• Chalky Cobalt color palette (#FAE9E0, #79BCCC, #008AD5, #007053, #090641)

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