Softworn Harbor color palette — #FAF2FB · #82DFD8 · #0088A3 · #0F5607 · #000E1D

Deep Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Lagoon (#82DFD8): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#0088A3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#0F5607): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000E1D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Feathered Cobalt color palette (#FEF1F9, #8CD9EE, #0080C9, #00533F, #060134)
• Hushed Petrol Veranda color palette (#F9E9F4, #65C7DA, #006EA4, #00402C, #010015)
• Azure Grove color palette (#FBF2F9, #AEF3FC, #009ED9, #006E44, #091B42)
• Ancient Cerulean color palette (#F3EADC, #75D2CD, #00A5B4, #00805E, #00242E)
• Aged Jade Basin color palette (#D6E3D1, #00B17C, #00706A, #00414C, #00111F)
• Tempered Crimson color palette (#D2F5FF, #00A7A6, #E20049, #005959, #170002)
• Hushed Hollow color palette (#ECDAD1, #66ADA9, #006271, #004121, #002333)
• Wandering Olive Ridge color palette (#E4FAFF, #C7DDFF, #C1A3FF, #437519, #00121A)

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