Weathered Harbor color palette — #F3F4FF · #A956FC · #937100 · #005D37 · #060519

Built around Amethyst, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Amethyst (#A956FC): A luminous, vivid violet — the color of a velvet chair.
• Ochre (#937100): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#005D37): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#060519): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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 Workshop color palette (#F4F4FF, #CC6DF7, #998B34, #007157, #151128)
• Frosted Magenta color palette (#F5F3FF, #C73AE2, #6B6000, #00402F, #000207)
• Soft Iris Atelier color palette (#F0F5FF, #7590FF, #9D4F00, #3E5700, #01061C)
• Gentle Magenta Hollow color palette (#F7F3FF, #F538D9, #5C7200, #005B4F, #0B021A)
• Dusty Dune color palette (#F8F2FF, #F32DB5, #865900, #00442F, #000C22)
• Pale Fuchsia color palette (#DEFFE5, #F35FD0, #B23C48, #004E1A, #250415)
• Mulberry Basin color palette (#FFE6E7, #973C82, #7E4500, #00421F, #170003)
• Wandering Peony color palette (#FFF1F5, #FF5EA1, #008639, #006167, #1F000C)

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