Worn Harbor color palette — #F4DDDE · #D76FB9 · #C34100 · #B00090 · #050100

Magenta Rose and Terracotta set the tone — five colors that lean into creativity and warmth.

The five colors

• Shell Pink (#F4DDDE): A whisper-light, dusty red — the color of embers at dusk.
• Bubblegum (#D76FB9): A luminous, balanced pink — the color of a candy shop window.
• Terracotta (#C34100): A full-bodied, vivid orange — the color of toasted spice.
• Magenta Rose (#B00090): A full-bodied, vivid pink — the color of neon signs at night.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged duotone, 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

• Faded Plum Cabin color palette (#F5DEDB, #F5569B, #996900, #BA0069, #030100)
• Hushed Atelier color palette (#FCE3EB, #B17FDF, #CF282F, #8F03D8, #070000)
• Patina Rose Corridor color palette (#FCEED8, #DA5377, #A74700, #005447, #1F0002)
• Quiet Scarlet color palette (#FFDFEC, #E84C6D, #D01300, #733300, #110700)
• Brick Atelier color palette (#F2DFD8, #E67267, #897100, #C20515, #020200)
• Tempered Plum color palette (#ECDBD8, #BAADA0, #A1957F, #B73F6E, #240B09)
• Aubergine Hollow color palette (#F7E3E7, #A565BC, #6A4D00, #6A0086, #030100)
• Softworn Studio color palette (#FFEAE4, #DD3A5C, #706500, #004E4B, #050026)

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