Weathered Harbor color palette — #FFF1F4 · #F5D2D7 · #EEB8A3 · #A29EDE · #5B393F

Mauve and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#F5D2D7): A whisper-light, dusty red — the color of embers at dusk.
• Sand (#EEB8A3): A whisper-light, dusty orange — the color of toasted spice.
• Mauve (#A29EDE): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#5B393F): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Ash Market color palette (#FFF1F2, #E2D8D1, #ACB79A, #BA9DD2, #664A48)
• Worn Hollow color palette (#FFF0F7, #FFD0EB, #FFA987, #5F8BBB, #51383E)
• Timeworn Azure color palette (#F3F4FF, #EBDBDA, #A6C7BA, #6D9BC5, #363148)
• Hazy Peony color palette (#FFF1F4, #F0D5C4, #FFB88C, #E06CC3, #5C232D)
• Muted Coast color palette (#FFF2EC, #E3D9C6, #FFD16E, #F28EA4, #463F3B)
• Violet Loft color palette (#FFE8EB, #EFADAC, #FF8B8A, #996FCF, #33142B)
• Pewter Corridor color palette (#F1F0FF, #ECCEE6, #DA9CB6, #765A90, #251B38)
• Timeworn Meadow color palette (#FCEAE9, #E8C373, #C75D96, #74455C, #211110)

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