Weathered Harbor color palette — #F5F7E8 · #C3CEF9 · #D898B7 · #3D9CA2 · #574049

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Lilac Frost (#C3CEF9): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D898B7): A luminous, balanced rose — the color of strawberry cream.
• Cerulean (#3D9CA2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#574049): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Ancient Cerulean Corridor color palette (#FAF5E5, #ECC0E7, #D4A18A, #5993BA, #59413D)
• Antique Petal Field color palette (#FDF4E5, #FBC9FF, #D08B9C, #637B55, #503839)
• Antique Lagoon color palette (#F1F8E8, #B2DCC1, #AEA7D6, #4D9E7B, #304F46)
• Worn Stone Delta color palette (#E7FAF4, #F5DDE3, #DDB8B0, #8AA396, #36544C)
• Blush Garden color palette (#FDF7CE, #C3B3FF, #EF6C87, #0087AA, #48264E)
• Jade Pier color palette (#FBF3F1, #C7DEE1, #98D0E8, #79B283, #614962)
• Chestnut Courtyard color palette (#FCF4EB, #E6DDC3, #A0C099, #B48DA0, #5E4B00)
• Washed Thicket color palette (#FEEDED, #E29EC7, #AA6949, #654E4E, #271F22)

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