Worn Harbor color palette — #E9EAFF · #DBB9E8 · #C48BBB · #A55882 · #594663

Magenta Rose and Mauve set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#E9EAFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#DBB9E8): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#C48BBB): A luminous, balanced pink — the color of neon signs at night.
• Magenta Rose (#A55882): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal Brown (#594663): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged muted.

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

• Peony Summit color palette (#F1F5FF, #CAADE6, #AF68A1, #8C5067, #5B465C)
• Mulberry Orchard color palette (#FAF1FF, #E7D0F9, #CB8DA6, #975174, #402B4A)
• Timeworn Pewter color palette (#FFF0F8, #E0C1CC, #B58EA4, #97665F, #3A4D3B)
• Worn Dune color palette (#EFF6FF, #AFC2F3, #8E91D7, #7D69AA, #4C4B70)
• Dusty Peony color palette (#F7F3FF, #E5B2D4, #83C29B, #BD6CA5, #215756)
• Aged Mallow Grove color palette (#FFEBF7, #E5C9FF, #E1A1D5, #B68094, #7B3C24)
• Pale Boulevard color palette (#FBD5E4, #E992A9, #D15263, #A61D1D, #5B2714)
• Softworn Peony Atelier color palette (#EED9EB, #FC8AD1, #E63B9A, #B00045, #7A1E23)

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