Misty Harbor color palette — #DFE9FF · #B2A7FF · #BE00F4 · #9A0070 · #40001A

A conversation between Orchid and Raspberry, giving this palette its sense of creativity and energy.

The five colors

• Frost (#DFE9FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B2A7FF): A luminous, balanced violet — the color of a velvet chair.
• Orchid (#BE00F4): A full-bodied, vivid pink — the color of a candy shop window.
• Raspberry (#9A0070): A full-bodied, vivid pink — the color of peonies in June.
• Onyx (#40001A): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Creativity, Energy. Tagged vibrant.

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

• Magenta Harbor color palette (#E6E3FF, #D996FF, #D600C4, #9B005C, #46000C)
• Violet Thicket color palette (#D8EBFF, #A4B0FF, #9749FF, #840099, #4D0137)
• Neon Magenta Hollow color palette (#E0DDFF, #BF94FF, #D341FF, #A230A5, #600A46)
• Worn Studio color palette (#E5DCF4, #B35CF1, #8800A7, #5E006B, #31002F)
• Faded Balcony color palette (#FFF0F9, #FFA5EA, #DD00AC, #6C0052, #150011)
• Byzantium Veranda color palette (#E3DFF5, #9B39BF, #62005A, #26000F, #040000)
• Byzantium Delta color palette (#FFF1F3, #F896FF, #2FB212, #9E00A9, #042601)
• Feathered Peony color palette (#F6F3FF, #F3A0FF, #FE42C2, #BA2741, #5C2000)

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