Misty Harbor color palette — #DFE2FF · #C99DFF · #B85FA5 · #8C3856 · #5F0800

Hot Pink takes the lead with Lavender close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Frost (#DFE2FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C99DFF): A luminous, balanced violet — the color of a velvet chair.
• Hot Pink (#B85FA5): A luminous, balanced pink — the color of neon signs at night.
• Raspberry (#8C3856): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#5F0800): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, 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

• Tempered Blush Studio color palette (#F4EDFF, #E2A4E2, #C56F8B, #954746, #5F2900)
• Faded Market color palette (#D1E7FF, #A1AFFF, #956DC6, #7F3E7B, #610136)
• Aged Lantern color palette (#F5F3FF, #E3BAFA, #B965AD, #98005A, #410010)
• Worn Boulevard color palette (#D6E8FF, #9A8BDE, #8B478C, #780C32, #542100)
• Worn Ridge color palette (#D5E5F7, #BCB4FA, #CF80C3, #CC3970, #541700)
• Wandering Lilac color palette (#F3F1CB, #A78CF9, #AB587F, #05654D, #46252F)
• Hushed Magenta color palette (#EEECFF, #C75AEF, #A62A80, #710025, #250800)
• Timeworn Rose color palette (#FFD1FB, #ED89B2, #CE5A5C, #864000, #412900)

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