Weathered Lagoon color palette — #FDF1F8 · #C5E5F8 · #7BB8EC · #2B9F96 · #293960

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#C5E5F8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7BB8EC): A luminous, balanced blue — the color of open sky before noon.
• Fern (#2B9F96): A luminous, balanced teal — the color of sea glass.
• Navy (#293960): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Turquoise color palette (#EFF7F6, #D8DDE9, #50B2E0, #007D8C, #08324A)
• Sunlit Meadow color palette (#F5EBF2, #AEDCE8, #3AB6CF, #00965A, #00324A)
• Aged Powder color palette (#FAF3F7, #D7D5E4, #A4CCEA, #77ACB6, #465366)
• Tempered Taupe Quarry color palette (#DAFDFE, #C8DDF7, #BEBDED, #96B177, #17474F)
• Gentle Cobalt color palette (#F2E5EB, #6FA9C5, #2376C6, #005D5C, #04002D)
• Quiet Azure color palette (#ECDDE3, #98C7E3, #5193E9, #007C80, #171747)
• Cerulean Balcony color palette (#F4E5F0, #62C2C3, #0092AF, #007149, #001625)
• Airy Canyon color palette (#D1F7F8, #6BD7AA, #E991B1, #00AB7A, #571E36)

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