Washed Harbor color palette — #E9FAF1 · #9FC08B · #259666 · #6D5A7E · #1C3C36

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9FC08B): A luminous, balanced green — the color of fresh herbs.
• Fern (#259666): A full-bodied, balanced teal — the color of glacier melt.
• Graphite (#6D5A7E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#1C3C36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Washed 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

• Cypress Delta color palette (#D2EBE2, #7CB586, #00856F, #6D4764, #00302E)
• Weathered Bloom color palette (#EDF8F5, #9BD0CE, #50A091, #756B8D, #2A4947)
• Lagoon Atelier color palette (#F8F6E4, #B5DCB2, #549B78, #4F638A, #282B06)
• Olive Lagoon color palette (#DDF2DE, #B6AF47, #528900, #5A508D, #322F00)
• Muted Teal color palette (#FDF4E6, #C3D1A1, #7BAE8C, #A2738B, #37362F)
• Hushed Lantern color palette (#F5F7E8, #72AA80, #16744F, #325340, #35362F)
• Jade Chapel color palette (#F4E9FF, #FA92CA, #00B06B, #9D3473, #0A4026)
• Azure Grove color palette (#FCF2F8, #A6DFF1, #239EE6, #007D71, #283A5D)

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