Softworn Harbor color palette — #FDF3EE · #C0EDD1 · #81B8E7 · #37A080 · #2F375E

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Mint (#C0EDD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#81B8E7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#37A080): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2F375E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Aged Teal color palette (#FBF4EC, #C1EBEE, #A6BDF0, #54A8A3, #5D3C4C)
• Feathered Emerald color palette (#FFF2ED, #91EBF0, #00BAF3, #009E54, #063068)
• Muted Periwinkle color palette (#F6EDE3, #B1D8F9, #8DA0E8, #009092, #352152)
• Tempered Azure Lantern color palette (#EDF9EF, #B0DCF2, #45A0CC, #007C79, #1E3D58)
• Ancient Turquoise color palette (#FFF0FA, #F1D1E2, #EDBF9D, #6FA9C5, #553642)
• Powdered Moss Field color palette (#F9DAED, #B8BEFF, #6CBD78, #8B9913, #3D2034)
• Pale Parlor color palette (#F7ECE5, #5CADC7, #0076CC, #005F4D, #06002B)
• Faded Periwinkle color palette (#EBDACF, #9DCCB7, #6193DC, #007E71, #1E1546)

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