Softworn Harbor color palette — #FCF3EF · #C8E4DB · #6AB1C1 · #398D5E · #235242

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C8E4DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#6AB1C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#398D5E): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#235242): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, 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

• Muted Coast color palette (#FBF2F8, #CADEF7, #84C7D6, #55916C, #2A4254)
• Antique Azure color palette (#FEF2ED, #C0DDC8, #3AA1CE, #007E66, #1F3C5D)
• Hushed Petrol Study color palette (#EDDED7, #6CAEB5, #007190, #004C37, #001529)
• Denim Coast color palette (#E8DFD8, #709E8C, #0B55AB, #003B3D, #06002B)
• Basalt Archive color palette (#FBF5E6, #C3BF9F, #98915B, #83622E, #3C4200)
• Frosted Emerald color palette (#FFF1F2, #CE8BBE, #9A9E52, #009F6C, #4F2C30)
• Powdered Alley color palette (#FFF1F3, #D3A6D3, #AAAB45, #AD5CAF, #464504)
• Ash Corridor color palette (#FFF1F4, #E8D6CB, #DDBF99, #9197D0, #63484A)

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