Misty Harbor color palette — #EAEEFF · #9377E4 · #8A7900 · #5C4399 · #3D3608

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

The five colors

• Frost (#EAEEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#9377E4): A luminous, balanced violet — the color of wild irises.
• Walnut (#8A7900): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#5C4399): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3D3608): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Hushed Wisteria Summit color palette (#ECEDFF, #BC7AED, #5D7500, #6A408A, #2F3B0A)
• Aged Nightshade color palette (#E3E8FF, #9583CD, #897E00, #5C409A, #201D00)
• Hushed Cornflower color palette (#E4F0FF, #498BF2, #A46B00, #23549F, #492F07)
• Lilac Villa color palette (#F3F4FF, #B686E4, #64995B, #765299, #2E4B29)
• Lapis Thicket color palette (#FDE8F3, #B5ADFF, #9A9B19, #614BBB, #383800)
• Quiet Violet color palette (#E5E0FF, #805ED7, #747000, #50640F, #242946)
• Pale Fuchsia Lagoon color palette (#F2EAFF, #DE6CC4, #128F59, #761D65, #084026)
• Aged Summit color palette (#D8DCFB, #8526EE, #4A6400, #461382, #141F00)

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