Weathered Lagoon color palette — #FBF4EA · #CAEACF · #58C2DE · #26A18B · #00405A

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#CAEACF): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#58C2DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#26A18B): A luminous, balanced teal — the color of sea glass.
• Navy (#00405A): 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

• Worn Station color palette (#FBF4E9, #BAEDDE, #8BB3F3, #289AB8, #31375B)
• Weathered Dune color palette (#FDF3EF, #BEDEC2, #46A1C9, #347C51, #273B5A)
• Glacier Villa color palette (#F9F4EE, #CCE7E0, #95D2E0, #95AA86, #345245)
• Wandering Petrol Field color palette (#F7EEE2, #5BAFBC, #0080A1, #005E55, #000A15)
• Worn Azure Loft color palette (#EEE4D3, #7CCEE1, #0CA0D0, #007D78, #002139)
• Hushed Cerulean Loft color palette (#ECF4EE, #A8CEDC, #008AA5, #005D4F, #002338)
• Muted Harbor color palette (#F8DBEF, #95A7FF, #E28A75, #4FAB72, #222849)
• Hushed Corridor color palette (#FFF0FA, #E8D4E9, #F7B4C3, #7EABDD, #513946)

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