Softworn Harbor color palette — #F0F7F2 · #ABEBF4 · #D1A4E1 · #00C1D3 · #38292D

Built around Cyan, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sea Foam (#ABEBF4): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#D1A4E1): A luminous, balanced pink — the color of peonies in June.
• Cyan (#00C1D3): A luminous, balanced blue — the color of open sky before noon.
• Espresso (#38292D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, light, 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

• Hushed Mint Balcony color palette (#F4F6F0, #D6E5BA, #99B8ED, #62C190, #372835)
• Tempered Periwinkle Ridge color palette (#EFF7F3, #D8DFEB, #83ADFF, #58A4C8, #241B23)
• Wandering Periwinkle Corridor color palette (#F8F3F8, #F0D3F2, #E89FB0, #72AEF9, #3A2926)
• Timeworn Amber Quarry color palette (#FBF2FA, #A1BBF4, #C591C4, #AD832E, #273728)
• Patina Mallow Terrace color palette (#FBF2FC, #CED9F0, #E9B0F7, #B9ACB2, #553B4C)
• Misty Fuchsia color palette (#EAF9F2, #8ADBFF, #FA63D5, #00A9DC, #301215)
• Driftwood Ridge color palette (#F8F6E7, #A2DAF0, #A6A9D9, #8F914E, #2F4F46)
• Feathered Iris color palette (#DDFFE7, #B3E0FE, #A0B6EE, #8F7ACD, #65356E)

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