Weathered Lagoon color palette — #FAF3F7 · #D7D4E0 · #8DC0F4 · #1F9491 · #323F58

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Sky (#8DC0F4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#1F9491): A luminous, balanced teal — the color of glacier melt.
• Navy (#323F58): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Glacier color palette (#F9F3F7, #D4D5E4, #89D9F5, #5FA285, #3C5062)
• Periwinkle Courtyard color palette (#FCF2F5, #D9D3DE, #84A3F1, #007D8B, #252C4B)
• Wandering Cerulean Balcony color palette (#FFF0FA, #99D9DA, #0088A3, #005435, #000E1A)
• Muted Hollow color palette (#E3FBFC, #CADEEC, #B9ACAD, #8FAD7E, #2F4E54)
• Dusty Cabin color palette (#FAF4EC, #C4E5D5, #658FB1, #1E6E75, #573D57)
• Denim Orchard color palette (#F1E4ED, #60B0C0, #005C80, #002C24, #000105)
• Lagoon Boulevard color palette (#E4FAFB, #97E8C5, #FF97AD, #0DA276, #452E4A)
• Muted Teal color palette (#E3FAFF, #BDDCFF, #00BAA8, #006961, #001F1E)

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