Softworn Harbor color palette — #D3E3DB · #63B2BF · #5E7A9A · #664556 · #381D2B

Cyan takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D3E3DB): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#63B2BF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5E7A9A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#664556): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#381D2B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Worn Powder Alley color palette (#B9F1FC, #8ABFDE, #7E869E, #684F5A, #402D35)
• Tempered Turquoise color palette (#D6F6FF, #7BB1D2, #6A6F8C, #354E39, #192B1D)
• Timeworn Glacier color palette (#DFFFE3, #9FDEF1, #7CA5C1, #7E646E, #523A3F)
• Ancient Cerulean color palette (#D4E3DC, #1D8C9E, #42507D, #4B2B00, #211000)
• Lichen Lantern color palette (#DEF0C1, #8EA784, #826D82, #6E4E2E, #493E12)
• Feathered Turquoise color palette (#DFF3F1, #00A9BD, #006D87, #004266, #0C1B3F)
• Cobalt Drift color palette (#F9EEF3, #91D2EE, #4E80AF, #005C58, #151D3F)
• Dusty Bronze color palette (#D4EDFF, #28ADE5, #A95100, #005D7F, #301200)

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