Softworn Harbor color palette — #DCE3FF · #14F8E3 · #FFB69F · #57504C · #3D342F
Built around Lagoon, softened by Melon — the whole palette hums with sophistication.
The five colors
- Frost (#DCE3FF): A whisper-light, dusty violet — the color of wild irises.
- Lagoon (#14F8E3): A whisper-light, balanced teal — the color of glacier melt.
- Melon (#FFB69F): A whisper-light, balanced orange — the color of toasted spice.
- Charcoal Brown (#57504C): a grounded near-black with real depth.
- Espresso (#3D342F): a grounded near-black with real depth.
Feels like: Sophistication. Tagged neon, dark, vibrant, muted.
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
- Sand Delta color palette (#FFD7F0, #93E6FF, #FFB79A, #544D48, #3D3632)
- Patina Veranda color palette (#DEE3FF, #AEEF5E, #FFADDA, #5C4B4A, #342C2C)
- Patina Workshop color palette (#CAFAEF, #FFE9DB, #D9CED4, #543B46, #271E22)
- Hushed Mallow Ridge color palette (#C5FFBF, #DEE3FF, #E793E6, #574447, #3C3536)
- Timeworn Mustard color palette (#FFE4E5, #A7CEFF, #FCAB00, #49443E, #342C22)
- Ancient Taupe Lantern color palette (#F9F5ED, #D7DDD3, #A7B5B2, #AB9976, #56524A)
- Aged Tangerine color palette (#C8F4F9, #F9AFFF, #E98044, #3C3531, #2D2219)
- Dusty Basin color palette (#FDF3EB, #E5D091, #9D7353, #704001, #332921)
Browse the whole catalog at Explore, or see today's palette.