Misty Harbor color palette — #F4D9EB · #7577FF · #544C78 · #3E2737 · #080207

Built around Periwinkle, softened by Charcoal Brown — the whole palette hums with creativity and energy.

The five colors

• Shell Pink (#F4D9EB): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#7577FF): A luminous, vivid violet — the color of a velvet chair.
• Charcoal Brown (#544C78): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#3E2737): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#080207): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury.

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

• Dusty Drift color palette (#FBE0EE, #9A83FF, #7B5464, #4A3540, #130A10)
• Washed Orchid Pier color palette (#EBDADF, #BA4BF9, #67456A, #40272F, #090305)
• Patina Boulevard color palette (#D0E8E1, #0091E9, #3D547A, #14372F, #000604)
• Frosted Lapis Market color palette (#FFE6F7, #5653F6, #4A2632, #210F1C, #000604)
• Gentle Orchid color palette (#E3E1FF, #AE8BFF, #A769F0, #8753A4, #3B1946)
• Velvet Nightshade Corridor color palette (#ECDEE8, #3B3EBE, #280C2D, #02011C, #000201)
• Byzantium Cabin color palette (#FBE5E9, #A700BC, #492141, #22150A, #140105)
• Magenta Villa color palette (#F4E8F4, #E160EA, #F25E47, #5686D3, #2D132F)

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