Muted Harbor color palette — #DEFCFB · #7FCEAC · #009C83 · #2C7A4D · #124533
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#DEFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#7FCEAC): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#009C83): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#2C7A4D): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#124533): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
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
- Patina Lantern color palette (#E2FCF3, #A2C88A, #4A9B49, #5D7315, #2B4219)
- Sunlit Teal color palette (#D8F1F1, #4FC2A0, #008B7A, #00686B, #003729)
- Washed Field color palette (#EBF9F6, #A0CFCA, #629F7B, #467C81, #244A47)
- Ancient Basin color palette (#F2F9E1, #79F4C5, #2EA88F, #487759, #2D3029)
- Pine Boulevard color palette (#D8EAE4, #7C9E6C, #297233, #005338, #0A2100)
- Antique Seafoam Ridge color palette (#F6F8DD, #76E8BA, #00BDB8, #8B8C62, #0D4532)
- Ancient Violet Field color palette (#D3F1FF, #00AADD, #9B6CFF, #009466, #003649)
- Fern Thicket color palette (#D5E7DF, #677E40, #255200, #003332, #040700)
Browse the whole catalog at Explore, or see today's palette.