Misty Harbor color palette — #FFE8F7 · #82B1FF · #8C8DFF · #884ACA · #180B42

Violet takes the lead with Lavender Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFE8F7): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#82B1FF): A luminous, balanced violet — the color of a velvet chair.
• Lavender Blue (#8C8DFF): A luminous, vivid violet — the color of twilight just after sunset.
• Violet (#884ACA): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#180B42): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged candy, vibrant, light.

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

• Indigo Workshop color palette (#F1D5EF, #51B7FF, #598EFF, #6B54D8, #091443)
• Wisteria Parlor color palette (#FBD3E4, #A5AEFF, #AD75FF, #A43EB8, #1C032D)
• Feathered Indigo color palette (#F1D9E9, #00A5DF, #6F6CFF, #89237A, #1D0B34)
• Airy Grove color palette (#E7E3F4, #A366E6, #8D00C2, #5D0070, #340836)
• Hushed Raspberry Study color palette (#FFF0FD, #79E6FF, #939AFF, #CE2379, #030011)
• Feathered Magenta color palette (#FFF1F5, #CBBBFF, #CE88FF, #E225C5, #3E1449)
• Quiet Sapphire Atelier color palette (#DFF0E8, #00CAE8, #00A3E0, #006CE3, #001624)
• Blazing Magenta Harbor color palette (#FFDADE, #D39AFF, #EE17F0, #D9158B, #27001F)

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