Softworn Harbor color palette — #D5FCF2 · #9AF0F5 · #80C1F2 · #9F7200 · #0F371F

Built around Ochre, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D5FCF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sea Foam (#9AF0F5): A whisper-light, balanced blue — the color of deep harbor water.
• Sky (#80C1F2): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#9F7200): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#0F371F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged pastel, light, 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

• Olive Balcony color palette (#CAFEFC, #ABE3FF, #9DBCFF, #68760A, #00313B)
• Aqua Delta color palette (#D4FEE2, #A6E5D7, #55D8D8, #A45D2B, #202C00)
• Aged Olive Pier color palette (#D7FFF9, #B2EDD3, #48C7CE, #728100, #194C29)
• Amber Lagoon color palette (#FBF7CE, #B5FFEB, #98D4FF, #B18600, #06543B)
• Dusty Periwinkle Orchard color palette (#CEF4EC, #7FDDD7, #5CABDF, #7B6106, #002423)
• Ancient Market color palette (#DCF7FF, #8BD2FB, #B883ED, #2F7A25, #00252B)
• Muted Canyon color palette (#DFF7FF, #D8D9E8, #ABA69D, #6C9FA1, #2E404C)
• Iris Market color palette (#D8E8DC, #68C0D1, #728BD7, #404C00, #000F0D)

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