Muted Harbor color palette — #FEF2EE · #BEEBF6 · #64AFDD · #008357 · #1C2C53
A conversation between Fern and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF2EE): bright and airy, almost weightless.
- Frost (#BEEBF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#64AFDD): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008357): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1C2C53): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Sky Orchard color palette (#F1F7F2, #C2E7F6, #0CC4F1, #00A291, #1E3E55)
- Periwinkle Balcony color palette (#F9F4EF, #E6D0CE, #989FE5, #007E86, #382349)
- Worn Iris Lantern color palette (#FEF3E9, #CAEBFF, #6590E3, #006B64, #211245)
- Softworn Cerulean color palette (#FAF2F8, #86D4DE, #3D80A5, #1E6141, #2A3B54)
- Jade Balcony color palette (#FBF3F1, #C3DFE5, #ACC3EF, #62A27A, #5B445A)
- Pine Hollow color palette (#F4F8E2, #93D198, #D687C3, #008F2E, #3F1537)
- Denim Bloom color palette (#F3E3DC, #71ADBB, #00598B, #002D1F, #00000B)
- Faded Emerald color palette (#FFF4DA, #BDC775, #32A049, #00674D, #00312D)
Browse the whole catalog at Explore, or see today's palette.