Weathered Lagoon color palette — #F5F1EB · #CAE4CF · #5199AE · #006E5F · #053527

Built around Pine, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#CAE4CF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5199AE): A luminous, dusty blue — the color of open sky before noon.
• Pine (#006E5F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#053527): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aged Lantern color palette (#F6F1E9, #C6E4D8, #6A91BB, #006A79, #3B2238)
• Cerulean Corridor color palette (#F6EFE5, #4397AA, #00516C, #002C2A, #00050C)
• Cerulean Market color palette (#F7F1E7, #B4CFC0, #3384B0, #005B5C, #04213E)
• Cerulean Summit color palette (#F9F3F8, #BEE3F1, #3495C2, #23734A, #384960)
• Navy Workshop color palette (#EEE5D6, #547CA2, #113481, #001E28, #01000B)
• Bronze Study color palette (#FFEDEE, #B772A8, #967D00, #00788C, #301518)
• Hushed Delta color palette (#FBF3F1, #BFE2EA, #81C5E9, #3C9665, #2B3F62)
• Quiet Mulberry color palette (#FFECEF, #C38FC1, #659E64, #923C91, #0B300D)

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