Muted Harbor color palette — #E7FAF4 · #99CEF8 · #EDA7B8 · #A2BA6D · #284A40

Sage and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#99CEF8): A whisper-light, balanced blue — the color of open sky before noon.
• Ballet Pink (#EDA7B8): A luminous, balanced red — the color of a theater curtain.
• Sage (#A2BA6D): A luminous, balanced green — the color of new leaves after rain.
• Forest (#284A40): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged 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

• Stone Boulevard color palette (#FFF0FA, #BAC4F4, #F4A794, #7EC095, #513A4B)
• Mallow Canyon color palette (#EAFBE9, #92D5D5, #D6AAEB, #D2A668, #364836)
• Dusty Powder color palette (#E9FAF4, #E7D5CF, #8BC6D9, #A3A69A, #584857)
• Hushed Apricot Atelier color palette (#E7FAF3, #7ABAE2, #CC995D, #978C48, #294A3F)
• Aged Fern color palette (#FCF4E6, #E1D9C1, #C3B687, #A78D6D, #514900)
• Quiet Balcony color palette (#FFE0FA, #90B3FF, #FF7E77, #1DBB3B, #1B2D5B)
• Patina Celadon Courtyard color palette (#CCF4A8, #FFCED1, #C4D2FF, #735F6E, #3A3439)
• Cobalt Lantern color palette (#DCFEF4, #CCE7FF, #8DC0F0, #5288C3, #1C3C5B)

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