Worn Harbor color palette — #F0F5FF · #C7D3FF · #E9BF83 · #97A5DB · #3C543D

Cantaloupe and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#C7D3FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cantaloupe (#E9BF83): A whisper-light, balanced gold — the color of honey in a jar.
• Mauve (#97A5DB): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#3C543D): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Oat Market color palette (#F3F4FF, #DDCAFF, #A6D5A8, #B09ECE, #2E5551)
• Dusty Glacier Garden color palette (#EBF7FF, #98E1FF, #EFBB90, #76B2CC, #634250)
• Hushed Powder color palette (#F0F6FF, #AEC6FF, #CBBF82, #96AC80, #384354)
• Tempered Drift color palette (#FDF1FB, #A8C4FF, #C5AF76, #748CBD, #654700)
• Antique Sand Station color palette (#FFF0F8, #F1D5AB, #CFA9BD, #A288A2, #3D4C44)
• Linen Chartreuse color palette (#F1F5FF, #B8BFFF, #BDCE22, #797EED, #393F00)
• Hushed Powder Harbor color palette (#F1F5FF, #E3D4F0, #AFB2EF, #7F89B7, #2A334E)
• Dusty Corridor color palette (#FAEDF8, #9DB4DD, #AF9B5C, #4A70B6, #34312A)

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