Weathered Harbor color palette — #F8E1E9 · #BA79FF · #D47D00 · #009C8E · #261539

Wisteria takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Rose Water (#F8E1E9): A whisper-light, dusty rose — the color of a warm blush.
• Wisteria (#BA79FF): A luminous, vivid violet — the color of a velvet chair.
• Mustard (#D47D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#009C8E): A luminous, balanced teal — the color of sea glass.
• Deep Indigo (#261539): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Energy, Balance. Tagged warm.

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

• Feathered Ember color palette (#DCDCF0, #988CFF, #EA6A1C, #009E74, #301425)
• Dusty Fuchsia color palette (#FFD9E3, #DA84FF, #D2983E, #00ABAB, #411F2A)
• Magenta Alley color palette (#F9E6F3, #F451D6, #AF9400, #0096B1, #351317)
• Washed Magenta Balcony color palette (#F9DDF9, #DD1BE6, #A47C00, #008490, #200422)
• Antique Coral color palette (#E0EDFF, #569FFF, #E86472, #5E993E, #081F3D)
• Muted Wisteria Basin color palette (#F8F2FF, #BF80FF, #697A00, #006F4A, #140323)
• Worn Clover color palette (#FFE4DF, #FF917C, #1DCB6B, #7C93F8, #362F2B)
• Pale Alley color palette (#FFF1F2, #F49BDD, #C6B568, #4DB4CE, #4B2F31)

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