Weathered Harbor color palette — #ECF9F4 · #9DD3F8 · #BD86A6 · #97506D · #28401A

Raspberry and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Sky (#9DD3F8): A whisper-light, dusty blue — the color of deep harbor water.
• Dusty Rose (#BD86A6): A luminous, dusty pink — the color of a candy shop window.
• Raspberry (#97506D): A full-bodied, balanced rose — the color of a warm blush.
• Forest (#28401A): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Station color palette (#FAF2F9, #B3CCFD, #8C96C8, #9A572A, #00423F)
• Hushed Lilac color palette (#EDF7FE, #8DD1FB, #A99DEA, #A77592, #204955)
• Timeworn Hollow color palette (#ECF9F1, #94D8EA, #C482A5, #66722A, #00423E)
• Worn Pier color palette (#F5F6EC, #B0D8AE, #8098D2, #A24E3D, #383932)
• Weathered Plum Alley color palette (#E9FAED, #2ABACB, #A95193, #4F4D00, #002120)
• Airy Driftwood Chapel color palette (#FEF1F4, #D5A8DF, #A775AD, #665E00, #002E4B)
• Sky Bloom color palette (#EDF8F3, #68BADD, #604E5E, #1B3027, #0C110C)
• Fern Meadow color palette (#EDFAE6, #C4E7E7, #D9C4D3, #A08D74, #5A4D00)

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