Muted Harbor color palette — #E9E5D2 · #5D9C6F · #00625B · #154064 · #262D06
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9E5D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#5D9C6F): A luminous, balanced teal — the color of sea glass.
- Pine (#00625B): A full-bodied, dusty teal — the color of sea glass.
- Navy (#154064): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#262D06): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Muted 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
- Wandering Ridge color palette (#F2E1D1, #938E5A, #3A6129, #004749, #342700)
- Hushed Forest Cabin color palette (#DAF1EE, #639B83, #006359, #00404C, #001617)
- Hushed Drift color palette (#F0E3CD, #80945D, #006540, #582D48, #222E07)
- Cypress Garden color palette (#E4E6D9, #6EB697, #008477, #006071, #003221)
- Fern Study color palette (#FFF2E9, #AB996E, #5B6A35, #643E4C, #39352F)
- Fern Summit color palette (#E7DCD2, #867B33, #295007, #3D2049, #1F1B00)
- Teal Loft color palette (#D5EAE1, #95C9A1, #00A79A, #51799C, #00302E)
- Washed Hollow color palette (#F9ECE2, #88B9D2, #3866B0, #005048, #2D2456)
Browse the whole catalog at Explore, or see today's palette.