Weathered Harbor color palette — #F0F5FF · #B9C8FF · #7C92D6 · #455891 · #212E55

Lavender Blue and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#B9C8FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#7C92D6): A luminous, balanced violet — the color of wild irises.
• Peacock (#455891): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#212E55): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged monochrome, muted, cool.

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

• Iris Workshop color palette (#FFF0FC, #DFDBE9, #7998F8, #48579B, #161E42)
• Washed Ash Quarry color palette (#F3F4FF, #E2CFFC, #AC96CA, #725E8F, #3D2E51)
• Timeworn Courtyard color palette (#EAF7FF, #8ADBF7, #35A4C6, #006580, #00303E)
• Navy Station color palette (#F0F6FF, #A4AEE1, #5773B4, #353991, #24295C)
• Ash Delta color palette (#F0F5FF, #DED8E2, #EAB3BF, #7E9DC6, #3F4962)
• Wandering Lilac color palette (#F4F4FF, #B28AD9, #BD7B74, #357892, #303049)
• Antique Hollow color palette (#EBEDFF, #7978EB, #4736B8, #22006E, #020012)
• Hushed Mallow Garden color palette (#CCE3EE, #FFB0CB, #CBABFF, #40425C, #272830)

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