Pale Harbor color palette — #F3F4FF · #C5ABF7 · #ED869E · #009ED8 · #262843

A conversation between Cerulean and Rose, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#C5ABF7): A luminous, balanced violet — the color of twilight just after sunset.
• Rose (#ED869E): A luminous, balanced red — the color of late-summer berries.
• Cerulean (#009ED8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Midnight (#262843): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Coral Pier color palette (#F6F3FF, #DDA5D8, #F18A6E, #6D90D9, #2E2542)
• Quiet Fuchsia Courtyard color palette (#F0F6FF, #9CB9FF, #DB89CD, #00A6AE, #1C2B44)
• Indigo Market color palette (#F8F2FF, #F481C2, #F07700, #746DFF, #3C0A2A)
• Ancient Grape color palette (#F4F4FF, #E5D6DF, #B48DD1, #764896, #250C35)
• Lilac Summit color palette (#F4F4FF, #DFD6E0, #BAB2A9, #AA99DF, #49465C)
• Pale Mustard color palette (#F3F4FF, #C6AFFC, #B7BC4F, #7DB674, #33364D)
• Pale Rose color palette (#FBF1FF, #CE64F0, #F62F40, #0073CD, #21002B)
• Softworn Station color palette (#FFE8E3, #FFCBEA, #CBBFC1, #3B2F49, #19161D)

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