Weathered Lagoon Harbor color palette — #FAF4F0 · #C6DEEB · #C6A4C3 · #239A8E · #644957

A conversation between Fern and Mauve, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C6DEEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#C6A4C3): A luminous, dusty pink — the color of neon signs at night.
• Fern (#239A8E): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#644957): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Lagoon Harbor 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

• Washed Lagoon color palette (#FBF2F6, #D7D4E0, #C1BEEA, #659F94, #454C63)
• Washed Lagoon Bloom color palette (#FFF2EE, #DE9DA2, #75B49A, #349D9F, #533C35)
• Azure Cabin color palette (#F1F7F2, #D7DEEF, #6B9FCA, #277C84, #465467)
• Peony Parlor color palette (#FFF1F2, #E2B4D3, #5DC5C0, #BC6DA5, #3A5538)
• Aged Cypress color palette (#FDF3EE, #B9DFC7, #629BC9, #007F60, #2D3664)
• Aged Cocoa color palette (#FFF1F1, #E2DBD0, #A3BFD4, #B398C9, #7A3B23)
• Softworn Ultramarine color palette (#E9DCD0, #82A6C7, #4F59BE, #004A4C, #1E0036)
• Tempered Fern color palette (#FFF3E8, #D8C9AE, #B89375, #956761, #534800)

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