Softworn Harbor color palette — #DEF4F1 · #72BC7E · #D8783E · #008936 · #552607

Olive Leaf and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEF4F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#72BC7E): A luminous, balanced green — the color of a quiet forest floor.
• Coral Clay (#D8783E): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#008936): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#552607): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Coral Pier color palette (#DCF5EA, #ABAE55, #D8727B, #757700, #5D1B25)
• Worn Amber Pier color palette (#D9F4FC, #2FBEBE, #AC950F, #008282, #3F3500)
• Pale Basin color palette (#CBE7E5, #00A058, #AC5D00, #006435, #2C1300)
• Patina Olive color palette (#DBF6E9, #ADAD5C, #00A9B6, #787600, #003D43)
• Tempered Jade Basin color palette (#C7EEEB, #4FAB71, #0099B8, #947200, #05351A)
• Worn Chestnut Dune color palette (#DFECDF, #93B99C, #A07834, #7F4F09, #113924)
• Tempered Courtyard color palette (#DEF3F7, #A8BE7E, #007367, #003F38, #001A1E)
• Orchid Archive color palette (#DAF5F3, #50A26A, #A255AE, #006833, #45294A)

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