Softworn Harbor color palette — #F0D7E1 · #D3276C · #B40032 · #721500 · #170400

Built around Fuchsia, softened by Ruby — the whole palette hums with warmth and comfort.

The five colors

• Shell Pink (#F0D7E1): A whisper-light, dusty rose — the color of pressed rose petals.
• Fuchsia (#D3276C): A full-bodied, vivid red — the color of embers at dusk.
• Ruby (#B40032): A full-bodied, vivid red — the color of late-summer berries.
• Oxblood (#721500): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#170400): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Softworn 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

• Frosted Scarlet color palette (#F6D9DB, #D53139, #A22E00, #5B2700, #170800)
• Plum Canyon color palette (#FCE0F9, #C41471, #900022, #431800, #110600)
• Scarlet Study color palette (#F8DDD1, #E32A2F, #00808C, #A10214, #000709)
• Hushed Lantern color palette (#F7E7FA, #C23EAB, #AD007A, #70003B, #200006)
• Amber Balcony color palette (#F8D8D2, #DD9662, #B69300, #A74D5E, #170500)
• Tempered Ultramarine color palette (#F9DED8, #C92700, #007B3F, #3A3FCA, #060000)
• Bronze Workshop color palette (#FFD9CD, #B75F00, #804D00, #553900, #120C00)
• Ember Workshop color palette (#FEDBDC, #FF786E, #E75700, #9C4B00, #3D2300)

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