Worn Harbor color palette — #F8E6F1 · #CD5628 · #503743 · #2B1C26 · #130912

Terracotta and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F8E6F1): A whisper-light, dusty pink — the color of neon signs at night.
• Terracotta (#CD5628): A full-bodied, vivid orange — the color of autumn markets.
• Charcoal (#503743): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#2B1C26): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#130912): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Amber Market color palette (#F3DEE6, #CD770C, #3F533F, #37292F, #1E161A)
• Aged Ember color palette (#FFF2EB, #E1581B, #4D2C14, #1B0A02, #030100)
• Raspberry Orchard color palette (#EEE4F6, #C25389, #4C3651, #271D2D, #0F0B14)
• Weathered Tangerine color palette (#FEE9DE, #EB724F, #785B35, #622A00, #140B09)
• Terracotta Dune color palette (#F1E3EC, #A63B15, #172C17, #21091B, #0A0306)
• Softworn Bronze Orchard color palette (#DCEADE, #987000, #423800, #241800, #010B01)
• Soft Emerald Chapel color palette (#D0EED4, #BD8C1A, #42A054, #BB4F5B, #18321D)
• Feathered Wisteria color palette (#FFE7EF, #D79956, #C078B9, #A06100, #4F1F4C)

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