Softworn Harbor color palette — #FFF2ED · #FF4157 · #7665EB · #A22735 · #36316A
A conversation between Scarlet and Cornflower Indigo, giving this palette its sense of creativity and energy.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Scarlet (#FF4157): A luminous, vivid red — the color of embers at dusk.
- Cornflower Indigo (#7665EB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Garnet (#A22735): A full-bodied, balanced red — the color of late-summer berries.
- Navy (#36316A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Energy. Tagged vibrant.
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
- Gentle Bloom color palette (#FFF2EF, #F14E89, #4472F7, #A70B53, #23376B)
- Aged Orchid Harbor color palette (#FFF2EB, #F25D0C, #9954E0, #9B3700, #472769)
- Scarlet Market color palette (#F6D7C7, #DB3F25, #754DC2, #891200, #2E1B51)
- Worn Lantern color palette (#FFEEE7, #E86D67, #0094A1, #AD001A, #00262A)
- Washed Magenta Field color palette (#FFF1F2, #DA57C7, #0088C3, #961A88, #003F5E)
- Softworn Ridge color palette (#FFE4DE, #E23700, #827300, #8F348E, #4C2219)
- Softworn Amber Study color palette (#FFF3E6, #D1903F, #B26DAC, #8E5700, #5B363C)
- Scarlet Field color palette (#FFF0FD, #FF847D, #00AFC4, #D33035, #00434C)
Browse the whole catalog at Explore, or see today's palette.