Softworn Harbor color palette — #D8E2DE · #9FB9B6 · #64989D · #414900 · #020E09

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

The five colors

• Silver (#D8E2DE): a clean, paper-quiet neutral.
• Ash (#9FB9B6): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#64989D): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#414900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#020E09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Spruce color palette (#DAE4E2, #89A6A8, #498889, #144200, #000605)
• Wandering Cypress color palette (#E3EBED, #BECED8, #92A6BD, #006261, #0B181B)
• Tempered Meadow color palette (#EBE9E1, #C3C7AD, #99AB8D, #5E6700, #221F14)
• Hushed Atelier color palette (#E0F4E7, #6B8324, #00531F, #332900, #000B07)
• Dusty Coast color palette (#D5EFDF, #609061, #006161, #50162C, #300201)
• Weathered Olive Canyon color palette (#F8DDEA, #636B00, #004738, #390030, #010700)
• Emerald Hollow color palette (#D9EFEB, #BB9800, #2C9600, #00636C, #000803)
• Fern Archive color palette (#D8EBE1, #615A00, #003A58, #38000D, #0D0000)

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