Weathered Harbor color palette — #FDF3EC · #FFC6A9 · #A1CAFF · #D79777 · #59465A

Built around Camel, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Wheat (#FFC6A9): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#A1CAFF): A whisper-light, balanced blue — the color of deep harbor water.
• Camel (#D79777): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#59465A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged 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

• Dusty Aqua Courtyard color palette (#FDF3ED, #FFC6AC, #6BD7F8, #DF936F, #325643)
• Ancient Mallow Dune color palette (#FAF4E9, #E7D497, #D8B6FA, #BEA75B, #62424E)
• Powder Pier color palette (#FFF3E8, #F7B885, #93C0FF, #A09ADA, #47413C)
• Ancient Amber color palette (#FFF1F6, #EEB78A, #70B9F1, #BC7B40, #385065)
• Antique Chestnut color palette (#FFF3E9, #DDE4C9, #C4C7D3, #D6A9A3, #704B00)
• Aged Chapel color palette (#FFF3E3, #FAB736, #97B4FF, #C58B00, #263769)
• Aged Sand Villa color palette (#FFEBFD, #C6DFFF, #FFCA7A, #8A6021, #37322B)
• Marigold Lagoon color palette (#FFF3E6, #E5E2AF, #DBAE67, #A18044, #3B3530)

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