Muted Harbor color palette — #FFF1F6 · #FF5CA8 · #298500 · #00606D · #1F000E

A conversation between Bubblegum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bubblegum (#FF5CA8): A luminous, vivid rose — the color of a warm blush.
• Olive Leaf (#298500): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#00606D): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#1F000E): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Rose Quarry color palette (#FFF2EE, #FB3D6A, #009567, #005D79, #210005)
• Linen Rose color palette (#FFF2EF, #F81F5D, #007234, #00475C, #0A0015)
• Muted Magenta color palette (#FFF1F3, #D646E8, #838400, #006355, #1A001E)
• Timeworn Archive color palette (#FFF2EB, #FD5F2D, #4E7A00, #00475A, #21002B)
• Softworn Study color palette (#FFF2EC, #FF7567, #00A995, #006FA0, #320E0A)
• Linen Coral Chapel color palette (#FFF4DE, #FF7E6B, #9E6400, #005154, #2D0D00)
• Weathered Raspberry Study color palette (#F1DBFF, #CF277F, #09590E, #00454E, #3B0821)
• Wandering Ember Canyon color palette (#FFF2EA, #EE5E03, #00918C, #0050AA, #1C0500)

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