Weathered Harbor color palette — #F1F5FF · #E5D4ED · #D0D08D · #8F8EE7 · #2A4F3F

Lavender Blue takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Thistle (#E5D4ED): A whisper-light, dusty pink — the color of neon signs at night.
• Pistachio (#D0D08D): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender Blue (#8F8EE7): A luminous, balanced violet — the color of twilight just after sunset.
• Deep Olive (#2A4F3F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, 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

• Hushed Garden color palette (#F6F3FF, #FFD3DD, #A7DBAD, #CB77C2, #1F4F4C)
• Timeworn Alley color palette (#ECF7FF, #CEDCFA, #F8BE8E, #46A4D6, #5F3849)
• Timeworn Market color palette (#F2F5FF, #DED7E1, #ADBEEC, #AEAFA3, #494B5D)
• Worn Pewter color palette (#F3F4FF, #DCD7E0, #B4A2DB, #6D59A0, #32274A)
• Wandering Driftwood color palette (#F5F3FE, #BCEAF4, #887FA6, #484062, #1C1924)
• Hushed Lilac color palette (#FEF1F8, #A6A6F6, #A19C52, #6C6D9C, #4F4D46)
• Dusty Teal color palette (#F2F5FF, #CAC5F6, #E9AB88, #5EB599, #31374F)
• Muted Driftwood Study color palette (#F0F8EF, #C0E8E0, #C7A884, #9A6F55, #2F4539)

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