Muted Harbor color palette — #FFF0F9 · #C4C6FF · #CCC06E · #9392EE · #45423B

Lavender Blue and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lilac Frost (#C4C6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Honey (#CCC06E): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#9392EE): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Feathered Periwinkle Thicket color palette (#FDF0FE, #A5D0FF, #E5B474, #62A3E7, #573D18)
• Misty Hollow color palette (#FFF1F4, #E5B8F9, #A9CA8B, #BC85D4, #344A1F)
• Soft Ridge color palette (#EFF6FF, #BED5FF, #A8C96E, #5987E1, #2F3F07)
• Washed Teal Coast color palette (#FFF0F8, #BDB3FB, #E6A27D, #53BB9B, #482F3D)
• Wandering Violet color palette (#FFF1F5, #C8A8E3, #CE9A4F, #946CB5, #5A3B04)
• Dusty Powder color palette (#FFF0F7, #E5D7D4, #9EB2DE, #A1B0A0, #60434D)
• Hazy Byzantium Canyon color palette (#ECDDFF, #D8B8FF, #94B903, #9930E8, #273300)
• Honey Summit color palette (#CBF5EB, #FFC45C, #EBABFF, #74565D, #2E2325)

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