Weathered Harbor color palette — #FAF4EE · #C7DCE8 · #C4BCE8 · #659E98 · #5E4452

Lavender and Eucalyptus set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C7DCE8): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#C4BCE8): A luminous, dusty violet — the color of a velvet chair.
• Eucalyptus (#659E98): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4452): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Periwinkle Studio color palette (#FBF2FC, #D9DBF7, #F9BC9E, #709ED0, #4B4540)
• Stone Lantern color palette (#E7FBF3, #E6D6D0, #AAC9A8, #A6A79D, #5D4A5A)
• Timeworn Corridor color palette (#FBF3F6, #D9DEEF, #7B99D2, #307D76, #4B516A)
• Patina Powder color palette (#E5FEDD, #D2EAFE, #80C3E7, #657FAE, #644558)
• Weathered Stone Bloom color palette (#E3FCF3, #9ED2FB, #DFB279, #C39965, #273E37)
• Pine Field color palette (#FFF2EE, #D1DFF7, #54BCE7, #008E49, #19355C)
• Aged Nightshade color palette (#F4EBE1, #82A7C5, #3B4BA0, #002B2C, #020007)
• Washed Powder color palette (#FFF0FE, #DAD3DC, #9ABAEB, #426C91, #361E37)

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