Worn Harbor color palette — #F7F3FF · #ED7BCD · #009BE4 · #A12885 · #001A2C

Built around Magenta Rose, softened by Bubblegum — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Bubblegum (#ED7BCD): A luminous, vivid pink — the color of neon signs at night.
• Cornflower (#009BE4): A luminous, balanced blue — the color of deep harbor water.
• Magenta Rose (#A12885): A full-bodied, vivid pink — the color of neon signs at night.
• Midnight (#001A2C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Byzantium Grove color palette (#F5F4FF, #D683F2, #00A2C4, #8B36A6, #001C24)
• Soft Garden color palette (#F8F2FF, #F99DD1, #4DACFF, #B4488B, #00294A)
• Aged Loft color palette (#FDF0FF, #F97E94, #6B86FF, #B80048, #0B0E44)
• Soft Sapphire Meadow color palette (#F6E8FE, #E85393, #1072F5, #8E004F, #00061B)
• Plum Delta color palette (#E3D8F6, #FF9BE4, #05BE8B, #A83F90, #003222)
• Pale Harbor color palette (#F3F4FF, #BB92F8, #F7510F, #7B34C4, #310800)
• Feathered Peony color palette (#F9F2FF, #E8509D, #BF6800, #6751CE, #1E000F)
• Feathered Mulberry Ridge color palette (#F9E8E8, #BB529D, #00804F, #7C0062, #00170B)

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