Worn Harbor color palette — #F6EAFE · #63BFFF · #D35500 · #2E1C00 · #1A0A01

A conversation between Pumpkin and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#F6EAFE): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#63BFFF): A luminous, balanced blue — the color of deep harbor water.
• Pumpkin (#D35500): A luminous, vivid orange — the color of toasted spice.
• Onyx (#2E1C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1A0A01): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Quiet Periwinkle Balcony color palette (#F7DFE9, #5CA5FF, #AD5300, #1B1100, #090200)
• Tangerine Corridor color palette (#FCE4F6, #91B2FF, #FE721E, #362A0D, #211813)
• Rose Meadow color palette (#E7E4F3, #00BAC8, #FF413A, #342102, #200C04)
• Gentle Amber Basin color palette (#DFF1FF, #C6A2FF, #DB7000, #5C3820, #1C0E15)
• Amber Cabin color palette (#E6E0EE, #00C2C8, #B58900, #382800, #1A1204)
• Ancient Wisteria Hollow color palette (#F6E8EF, #C181FF, #C28400, #2A2707, #1C1001)
• Weathered Alley color palette (#F1E1EE, #D4B1FF, #DAAA00, #3A3B34, #2C2417)
• Airy Indigo color palette (#EAD9E5, #7168FF, #7C7500, #091007, #030200)

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