Worn Harbor color palette — #F7F2FF · #F7C2E4 · #F3BC6D · #D58DBE · #3D543D

Built around Cantaloupe, softened by Mauve — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Thistle (#F7C2E4): A whisper-light, dusty pink — the color of neon signs at night.
• Cantaloupe (#F3BC6D): A whisper-light, balanced gold — the color of honey in a jar.
• Mauve (#D58DBE): A luminous, balanced pink — the color of peonies in June.
• Deep Olive (#3D543D): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, 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

• Tempered Wisteria color palette (#F5F4FF, #E8C6F6, #FEB385, #C591D8, #5F4452)
• Dusty Loft color palette (#FDF1FC, #FFC3C3, #C3CF82, #DB9192, #345549)
• Peony Hollow color palette (#FAF1FF, #FFA6C7, #DCB100, #FF3B9C, #483900)
• Fern Lagoon color palette (#FFF1F3, #FBD8FF, #97DFB3, #B18AB6, #3E4E01)
• Stone Courtyard color palette (#F8F2FF, #E5D5DE, #B9AFD2, #A9B4A5, #594F5F)
• Lilac Delta color palette (#F5F3FE, #DEB3E3, #70C794, #AD74B4, #2D5554)
• Taupe Villa color palette (#F9F3F9, #FFD5B2, #CA8B8B, #796579, #312831)
• Mallow Summit color palette (#F8F2FF, #FFD4F1, #E69BCC, #A97399, #3D324D)

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