Muted Harbor color palette — #F2E2FE · #FD3AAE · #467500 · #006770 · #03031A

Hot Pink takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F2E2FE): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#FD3AAE): A luminous, vivid rose — the color of pressed rose petals.
• Olive (#467500): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006770): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#03031A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

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

• Airy Summit color palette (#F5E5F8, #F5195B, #008A43, #005D77, #07031C)
• Magenta Lagoon color palette (#E3E0F1, #C541D9, #7B6B00, #006154, #00071D)
• Rose Harbor color palette (#E9E0CD, #FD506D, #B35B00, #00635B, #300301)
• Feathered Balcony color palette (#FFEDFA, #FF6A61, #009B78, #0070A3, #260B28)
• Hazy Ember Loft color palette (#FEE7F5, #D95002, #008578, #004EA5, #0F0007)
• Brick Harbor color palette (#F4E6EF, #BE2800, #425A00, #273800, #050220)
• Powdered Field color palette (#FBF1FF, #FF8EAB, #77AF74, #2F899E, #242439)
• Aged Coral color palette (#F7D5DF, #FF656A, #D64816, #854500, #1E1100)

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