Softworn Harbor color palette — #D7FEFF · #7BCCC3 · #0099AE · #336C93 · #44536C
A conversation between Cerulean and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#7BCCC3): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0099AE): A luminous, balanced blue — the color of deep harbor water.
- Slate (#336C93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#44536C): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Dusty Terrace color palette (#E3FAFF, #6AD9DF, #48B3C8, #52849C, #3C5367)
- Wandering Petrol Drift color palette (#EBF7FF, #78BAD9, #D27F6F, #007DA5, #5F4258)
- Weathered Cabin color palette (#D1F5E7, #96BE85, #169A72, #127576, #335361)
- Cobalt Boulevard color palette (#D7F1FF, #82C5E9, #6082C9, #5E5B8F, #59475E)
- Ultramarine Harbor color palette (#DDF6F2, #00B1CD, #0081AE, #1843B9, #3D376E)
- Weathered Nightshade color palette (#D4ECED, #0095BD, #005D97, #262A95, #312552)
- Timeworn Shell Study color palette (#E9F8FF, #DCDBE5, #F5BED7, #639784, #3D4E5B)
- Hushed Amber color palette (#E7F9FF, #38AAB2, #B77B29, #926F39, #31464D)
Browse the whole catalog at Explore, or see today's palette.