Muted Harbor color palette — #ECF9F3 · #A6BD92 · #5A8F63 · #307065 · #0B3E36
Fern and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Sage (#A6BD92): A luminous, dusty green — the color of fresh herbs.
- Fern (#5A8F63): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#307065): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#0B3E36): 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 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
- Ancient Lagoon Studio color palette (#ECF8F5, #9BD0CD, #50A188, #317E85, #264948)
- Pine Orchard color palette (#D9E9E4, #82B38A, #008663, #425285, #0A3215)
- Celadon Workshop color palette (#FBF5E0, #B7DF93, #5C9B68, #556A4D, #2A2914)
- Pine Drift color palette (#ECF9ED, #98A16F, #327244, #005561, #203C32)
- Dusty Dune color palette (#DDF2E0, #B6AF53, #688400, #006580, #332F00)
- Lagoon Loft color palette (#D3EBE7, #459574, #006056, #00404B, #00140B)
- Weathered Forest Pier color palette (#D2EADE, #667F40, #005512, #002D4F, #040700)
- Pine Boulevard color palette (#D7E5FF, #7691E2, #D16355, #00903C, #1E294B)
Browse the whole catalog at Explore, or see today's palette.