Pale Harbor color palette — #FFF1F3 · #D775E0 · #5A6E00 · #7F2C86 · #221D00

Pink Orchid and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Pink Orchid (#D775E0): A luminous, vivid pink — the color of neon signs at night.
• Olive (#5A6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#7F2C86): A full-bodied, vivid pink — the color of neon signs at night.
• Onyx (#221D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

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

• Powdered Peony Station color palette (#FFF1F0, #F36AAE, #6F6700, #91225F, #251C00)
• Dusty Lilac color palette (#FFF1F7, #AA89FF, #855B00, #5E3CA1, #2A1900)
• Muted Peony Alley color palette (#FAE5E5, #D1519F, #5C4F00, #760052, #130C00)
• Aged Olive color palette (#FFF2EE, #EA9295, #547D2C, #8E464A, #252517)
• Faded Blush color palette (#FFF2EE, #FF6876, #007564, #A1052F, #132209)
• Weathered Villa color palette (#F8EEFA, #F97794, #A64F00, #A90046, #140500)
• Dusty Peony Pier color palette (#FFF5D3, #E24698, #875200, #004B6D, #552425)
• Antique Plum color palette (#FFF1F1, #C10087, #005D5F, #0C4054, #002C1E)

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