Weathered Harbor color palette — #CCE7E3 · #7BBADA · #7F83B6 · #816000 · #463800

Ochre takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#CCE7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7BBADA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7F83B6): A luminous, dusty violet — the color of a velvet chair.
• Ochre (#816000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#463800): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Orchid Alley color palette (#CFF5FE, #8FA8DD, #A169AD, #586721, #384818)
• Quiet Bloom color palette (#D4FFFF, #7AD1FF, #8A7DE1, #70571D, #402E00)
• Teal Hollow color palette (#DFF4D7, #45C6B1, #4A89B5, #884C34, #642100)
• Washed Abyss color palette (#D5EAFF, #ABB5DA, #9C8CAE, #4B776F, #1D5249)
• Pale Terrace color palette (#D4E6FF, #82AFFF, #AD8500, #004AD0, #3B2B00)
• Iris Station color palette (#D7E8FF, #9586C3, #8E637A, #1D5532, #0B321B)
• Weathered Raspberry Villa color palette (#DDEAFF, #A9B4F0, #A28DCF, #B95578, #6A2A2C)
• Worn Atelier color palette (#E1FBFF, #C0D3DF, #9DA6B8, #738B76, #405753)

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