Weathered Lagoon color palette — #EFF7F6 · #D3DBE0 · #AEAAB8 · #628E6D · #4C5554

A conversation between Fern and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D3DBE0): a clean, paper-quiet neutral.
• Ash (#AEAAB8): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#628E6D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4C5554): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Hollow color palette (#EAF4F3, #CFD9DF, #ACADB9, #618C87, #2E3937)
• Lagoon Cabin color palette (#EBF8F6, #A0CBC7, #539071, #506D68, #3A5351)
• Patina Abyss Garden color palette (#D9E0E3, #A7BDC9, #7093AA, #004E57, #102229)
• Worn Veranda color palette (#E2F2F2, #889FA1, #51787F, #003422, #000C0C)
• Aged Seafoam Pier color palette (#EAF9FA, #AFE5F5, #55E3C0, #2FACA9, #364F52)
• Chestnut Basin color palette (#EEF7F6, #D4DCE2, #B1B0B9, #87472E, #3F4A4D)
• Petrol Quarry color palette (#E9F9FB, #56A99B, #30799D, #514B82, #194C46)
• Tempered Market color palette (#EFF6FC, #C2D5E9, #93A8C7, #00608F, #253542)

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