Softworn Harbor color palette — #E7EDD1 · #679A49 · #3D704D · #004554 · #001F32

A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E7EDD1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#679A49): A luminous, balanced green — the color of new leaves after rain.
• Pine (#3D704D): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004554): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001F32): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hazy Lagoon Archive color palette (#D0E5D3, #3A9370, #00766C, #174161, #091444)
• Tempered Field color palette (#F1DBC3, #A7840D, #646523, #004D3D, #002323)
• Airy Coast color palette (#DFECCC, #71C163, #41986D, #216A81, #003D61)
• Onyx Delta color palette (#F4EDCE, #6A784D, #00573B, #1F2058, #2A0240)
• Antique Ridge color palette (#CDEDD8, #00A46C, #00633C, #002D19, #000502)
• Hazy Olive Bloom color palette (#E8EEDE, #608B00, #2D6800, #084105, #001606)
• Turquoise Alley color palette (#D7E8E5, #15B7C2, #007383, #004A47, #00171E)
• Nightshade Market color palette (#E9E2C7, #9B9A6F, #45876A, #474897, #2A0D3C)

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