Weathered Harbor color palette — #FFE6FB · #E383C6 · #B4537B · #864450 · #504745

Bubblegum takes the lead with Magenta Rose close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Blush (#FFE6FB): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#E383C6): A luminous, balanced pink — the color of a candy shop window.
• Magenta Rose (#B4537B): A full-bodied, balanced rose — the color of strawberry cream.
• Coffee (#864450): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal Brown (#504745): quiet, heavy and certain.

Feels like: Creativity, Warmth, Comfort, 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

• Frosted Raspberry color palette (#EFE2FF, #FAB3D6, #E788AA, #CA5E7C, #693C43)
• Aged Plum Market color palette (#F3E9F5, #D895C3, #AC5B7E, #792F3A, #491C16)
• Blush Canyon color palette (#FFF2EF, #E37899, #009F94, #944A61, #314A2C)
• Worn Delta color palette (#FFF2EF, #ED939B, #BE6F62, #86584A, #535049)
• Misty Studio color palette (#E1E3FF, #AC99FF, #8C63B5, #6B4574, #5B383D)
• Cocoa Studio color palette (#FFF2EF, #E3D7CD, #EAB88A, #9D708A, #7B3D23)
• Feathered Rose color palette (#FFF2EF, #D15C75, #648833, #406C97, #4C3029)
• Patina Market color palette (#FFF3E6, #BEA46D, #8E6B41, #77430F, #403D36)

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