Softworn Harbor color palette — #E8FAF5 · #83BBBB · #18847A · #6E4D68 · #2D4848

A conversation between Teal and Charcoal Brown, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Ash (#83BBBB): A luminous, dusty teal — the color of sea glass.
• Teal (#18847A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#6E4D68): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#2D4848): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Chapel color palette (#EEF8F2, #A1B88E, #40835E, #3E6350, #314843)
• Powder Canyon color palette (#E3FBF8, #CDE0EE, #88CBEA, #85814C, #325254)
• Chestnut Pier color palette (#F2F3E7, #92C19B, #488365, #6A5100, #252A14)
• Washed Cerulean Basin color palette (#FBF2F8, #BDE4F1, #0099BD, #007452, #314A61)
• Ancient Terrace color palette (#E3FBF7, #7BB06E, #C968B2, #30701E, #483A5D)
• Wandering Emerald color palette (#CCF6DF, #A8B962, #469420, #006836, #24545B)
• Violet Courtyard color palette (#DDFDF7, #699755, #965EBA, #964F61, #1A3F3A)
• Timeworn Lagoon color palette (#D5EAE3, #659B6E, #006452, #39430E, #00302E)

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