Softworn Harbor color palette — #EDF8F3 · #B8E9E3 · #8EBFC7 · #9B96AE · #40514F

Ash and Sea Foam set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Sea Foam (#B8E9E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#8EBFC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#9B96AE): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#40514F): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Wandering Frost Lagoon color palette (#FFF1F7, #C3EDFA, #E4C2D1, #B2B0CE, #435146)
• Antique Honey Market color palette (#FFF1F5, #F9B96F, #9DC0F3, #A19CCF, #503C42)
• Aged Parlor color palette (#E3FCF5, #83E5BF, #26BAC2, #AA7691, #094346)
• Patina Sand color palette (#EBFAEA, #FFCA87, #95CFF6, #CAA06B, #365066)
• Dusty Balcony color palette (#F7F6E9, #B9DCB9, #78A890, #917575, #4C5200)
• Lagoon Workshop color palette (#F4F2E9, #C2C6AC, #5C8F7E, #7B555D, #31322B)
• Worn Mustard color palette (#E3FEE2, #FFDFB3, #D9B777, #9B8454, #243D28)
• Muted Emerald Balcony color palette (#DAEADA, #BAC177, #5EA367, #6F7194, #073124)

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