Softworn Harbor color palette — #FFEAE1 · #F81D63 · #CB0022 · #7D3500 · #040000

Built around Rose Red, softened by Ruby — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFEAE1): A whisper-light, dusty orange — the color of autumn markets.
• Rose Red (#F81D63): A luminous, vivid red — the color of late-summer berries.
• Ruby (#CB0022): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, 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

• Hushed Workshop color palette (#F3D7D1, #E93E99, #D00051, #872100, #050000)
• Aged Magenta color palette (#FFDFDB, #E600CC, #D8051B, #554000, #140300)
• Ancient Ember color palette (#F6D7C3, #EF4731, #AF4F00, #653E00, #030100)
• Scarlet Dune color palette (#FFEBE7, #FF6A89, #EF2531, #994400, #1F0200)
• Misty Rose color palette (#FFF0EB, #FF80E3, #FF3347, #846400, #040000)
• Magenta Boulevard color palette (#FBDDDE, #C63CDC, #B40095, #86003B, #060002)
• Amber Quarry color palette (#FFECD2, #CF7200, #926600, #524A00, #020100)
• Washed Chestnut color palette (#F3E5DD, #974E00, #532E00, #281500, #080300)

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