Pale Harbor color palette — #F0F5FF · #7D96FF · #BC7696 · #2E7D78 · #293346

Lavender Blue takes the lead with Dusty Rose close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#7D96FF): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#BC7696): A luminous, balanced rose — the color of strawberry cream.
• Teal (#2E7D78): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#293346): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Worn Market color palette (#ECF7FF, #2CABE6, #A67DB5, #417E54, #253540)
• Aged Lilac color palette (#F3F4FF, #B599EC, #C18C88, #578196, #3A3C49)
• Ancient Pine color palette (#EEF6FF, #8CB6EA, #DA8372, #42843E, #142639)
• Ancient Lilac Summit color palette (#F1F5FF, #BFBBFF, #B676AE, #7C78B6, #262132)
• Weathered Market color palette (#FFF0FA, #D495E8, #AE6E99, #865639, #3F3950)
• Ash Harbor color palette (#F3F5FD, #DED8E1, #C6BCC7, #9486B6, #454751)
• Hushed Cobalt color palette (#F0F6FF, #617EC4, #9C6130, #545800, #273346)
• Gentle Violet color palette (#E4E0FF, #8C60FF, #DB1049, #00646E, #211444)

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