Misty Harbor color palette — #F6D6E1 · #A759E8 · #56385D · #2E1D3F · #1C0B14

A conversation between Amethyst and Charcoal, giving this palette its sense of creativity and energy.

The five colors

• Shell Pink (#F6D6E1): A whisper-light, dusty rose — the color of a warm blush.
• Amethyst (#A759E8): A luminous, vivid violet — the color of wild irises.
• Charcoal (#56385D): A deep, shadowed, dusty pink — the color of a candy shop window.
• Deep Indigo (#2E1D3F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#1C0B14): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, 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

• Chalky Indigo color palette (#F3DDEC, #6574FD, #433F68, #1C2249, #1A0C19)
• Antique Orchid Basin color palette (#F3F4FF, #B75DFF, #4D2D54, #131227, #010106)
• Antique Byzantium Meadow color palette (#FAE3E8, #9E3FBB, #462542, #290A14, #0B0205)
• Wisteria Parlor color palette (#DEE0F6, #BB7DFF, #855575, #3E3F56, #0C111D)
• Peony Market color palette (#FFE8E5, #D2508C, #6A303C, #401528, #1C0C0D)
• Pale Indigo Pier color palette (#FFE4E4, #DC6FB7, #E26500, #6169F3, #48203B)
• Antique Boulevard color palette (#F3D0FF, #E28AE4, #CD3CBC, #A90085, #682049)
• Washed Chestnut Quarry color palette (#FEEEE8, #CA8783, #814622, #5F2307, #281F1D)

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