Softworn Harbor color palette — #FAF5E7 · #C4C8A2 · #649C8C · #8F665E · #444600

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

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Pistachio (#C4C8A2): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#649C8C): A luminous, dusty teal — the color of sea glass.
• Walnut (#8F665E): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#444600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Corridor color palette (#F9F6E3, #93C1A6, #37908D, #7F575A, #2E3C00)
• Aged Teal color palette (#EEF8F2, #B8E7F2, #52B297, #856C8C, #273D3A)
• Teal Courtyard color palette (#F5F7E8, #CCDCB2, #5CC0AD, #898CB5, #374A00)
• Gentle Rust color palette (#FFF2EE, #EC9EA9, #5EB89E, #B9626F, #004F3E)
• Weathered Cypress color palette (#EBF8F6, #85BBBB, #3D8174, #53567C, #214A4B)
• Cocoa Garden color palette (#FFF2F0, #E3D7CC, #B7D2A8, #B78A9B, #7A3C21)
• Weathered Field color palette (#F7E5D4, #928435, #346000, #342D6B, #130F00)
• Hushed Lagoon color palette (#FAF4EE, #C2E6E8, #89A4DD, #228C85, #5E3B4D)

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