Worn Harbor color palette — #F0DCE4 · #F81872 · #B00021 · #722A00 · #442700

Fuchsia and Ruby set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F0DCE4): A whisper-light, dusty rose — the color of a warm blush.
• Fuchsia (#F81872): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B00021): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#442700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Crimson Hollow color palette (#FAD7DA, #F21149, #BA0317, #651200, #370C00)
• Rose Coast color palette (#ECDBDE, #FA283C, #A73D00, #613700, #2E3301)
• Washed Crimson color palette (#F8D9DC, #FF6D7D, #EE0033, #9A1300, #631C00)
• Sunlit Peony Veranda color palette (#F5D9F4, #EA35A8, #B8004C, #87010F, #521D00)
• Scarlet Veranda color palette (#FFDBD2, #EB3801, #007E8E, #8F1E00, #00353C)
• Scarlet Study color palette (#F9E3E0, #D4031D, #007277, #005395, #42100E)
• Quiet Mulberry color palette (#FFF2EE, #FFC183, #9BA900, #A42661, #502918)
• Washed Tangerine Courtyard color palette (#FFE9DC, #F07500, #933D00, #4E2100, #380E00)

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