Misty Harbor color palette — #CFE1FF · #9199FE · #8A68B9 · #694676 · #473D5C

Lavender Blue and Amethyst set the tone — five colors that lean into creativity and balance.

The five colors

• Powder Blue (#CFE1FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#9199FE): A luminous, balanced violet — the color of wild irises.
• Amethyst (#8A68B9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#694676): A full-bodied, balanced pink — the color of neon signs at night.
• Charcoal (#473D5C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged cool.

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 Lilac color palette (#FFDDF6, #C7C9FF, #B696F0, #A070CA, #583A5A)
• Muted Sky color palette (#C8EBFF, #51B1F8, #637BC8, #544F85, #4E3B58)
• Airy Pewter color palette (#FAF1FF, #CE9FE6, #8A5BA1, #55335F, #402243)
• Iris Bloom color palette (#BBF1E0, #A6BAFD, #977FCF, #7F538E, #623B50)
• Lilac Terrace color palette (#F3F4FF, #B587E3, #829246, #755396, #3F471E)
• Wisteria Studio color palette (#F2E3FF, #D687D0, #A8548A, #7E424E, #59332A)
• Weathered Harbor color palette (#F3F4FF, #EFD7D9, #ECB8B2, #7283A5, #524F66)
• Weathered Orchid Workshop color palette (#F3F4FF, #A169D9, #738523, #4A754A, #35354D)

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