Worn Harbor color palette — #F3DCF5 · #ED53C6 · #AF1D63 · #5A0016 · #080100

A conversation between Hot Pink and Magenta Rose, giving this palette its sense of creativity and warmth.

The five colors

• Thistle (#F3DCF5): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#ED53C6): A luminous, vivid pink — the color of a candy shop window.
• Magenta Rose (#AF1D63): A full-bodied, vivid rose — the color of strawberry cream.
• Espresso (#5A0016): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Muted Magenta color palette (#E6E4F7, #C864FF, #A12CA0, #56003D, #0E0002)
• Peony Veranda color palette (#F9E1EE, #EF377F, #99001F, #3A0E00, #030100)
• Garnet Studio color palette (#F7DAEA, #B45C84, #85003D, #4D0014, #220D00)
• Peony Terrace color palette (#FFECC5, #D348BA, #9D0F32, #00360B, #0D0005)
• Gentle Lantern color palette (#E4DDF0, #CF7ECF, #C74D81, #AA050F, #260E00)
• Pale Raspberry color palette (#F6EFFF, #CB289C, #6C4300, #002D19, #000205)
• Plum Study color palette (#EFDEF7, #AD0061, #322D28, #2A0104, #030005)
• Chalky Ember Workshop color palette (#FFE4E7, #FF5543, #974400, #442700, #070400)

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