Softworn Harbor color palette — #F0F7F3 · #DED4D2 · #CCB7B6 · #417E90 · #3E4B44
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#DED4D2): bright and airy, almost weightless.
- Stone (#CCB7B6): A luminous, dusty orange — the color of toasted spice.
- Slate (#417E90): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#3E4B44): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Ancient Meadow color palette (#EDF3F7, #D5D6DE, #BCBACA, #2C7F9E, #242E33)
- Weathered Pewter Orchard color palette (#FBF2F6, #E5D6CF, #C4AEA8, #695794, #41373C)
- Muted Ridge color palette (#F8F5EB, #ADB48A, #3B8175, #3C6357, #414700)
- Aged Fern color palette (#E8FCE5, #A2C1B5, #987A83, #6D6619, #42523A)
- Muted Alley color palette (#D7E5DE, #B2A4AF, #987381, #003D53, #051810)
- Hushed Cobalt Cabin color palette (#ECE0ED, #2B73BC, #442935, #251B26, #091312)
- Worn Courtyard color palette (#F7E9EE, #C7B3B3, #A3877D, #533270, #291A20)
- Softworn Teal color palette (#FFF4DE, #3FA9AD, #5A659E, #5E4C00, #234537)
Browse the whole catalog at Explore, or see today's palette.