Weathered Lagoon color palette — #F0F5FF · #98A9DD · #72AA89 · #248C82 · #343D4F

Fern and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Mauve (#98A9DD): A luminous, dusty violet — the color of a velvet chair.
• Jade (#72AA89): A luminous, dusty teal — the color of glacier melt.
• Fern (#248C82): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#343D4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Timeworn Petrol color palette (#F2F4FF, #A499C9, #3C917F, #00768C, #2B384B)
• Patina Mallow Boulevard color palette (#FFF1F2, #F4A5DA, #87C5B3, #6FA796, #4B3738)
• Aged Study color palette (#F8F3FD, #BF759C, #4B8F68, #376C4E, #413A48)
• Lagoon Station color palette (#E8FAF3, #99A760, #11A3A6, #0079A1, #153B2F)
• Misty Veranda color palette (#F0EBFF, #B574B7, #0091A2, #0065A3, #28213B)
• Taupe Dune color palette (#FAF2FA, #DB9596, #A69C6C, #7E70A7, #463746)
• Timeworn Harbor color palette (#EEF9EE, #E1B1A0, #B8875B, #5B7947, #56404C)
• Ancient Cabin color palette (#F8F3F9, #E0C6E9, #CA8A6A, #CC6784, #372931)

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