Hazy Harbor color palette — #C6E2F8 · #999DD7 · #BD4D9E · #005D59 · #030C2B

Fuchsia and Mauve set the tone — five colors that lean into creativity and calm.

The five colors

• Powder Blue (#C6E2F8): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#999DD7): A luminous, balanced violet — the color of wild irises.
• Fuchsia (#BD4D9E): A full-bodied, vivid pink — the color of neon signs at night.
• Peacock (#005D59): A full-bodied, dusty teal — the color of sea glass.
• Ink (#030C2B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged pastel, light, cool.

Use it as a design system

One click turns Hazy 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

• Orchid Atelier color palette (#C9E8F2, #70A4DE, #A567DB, #005C43, #000D17)
• Hazy Rose color palette (#DEE6F4, #C88BD9, #E24666, #005766, #110327)
• Softworn Peony Terrace color palette (#D0EBE3, #ABB4E9, #B168A8, #004953, #00000B)
• Weathered Violet color palette (#DDE9FA, #7D89D4, #8B56B9, #003448, #1C0519)
• Frosted Chapel color palette (#E2EEFF, #96A6F2, #978BDA, #1E6CAD, #050630)
• Coral Atelier color palette (#D2E0FC, #E9A7EE, #F27162, #006CA0, #2A1636)
• Chalky Blush Loft color palette (#E0ECFF, #DFC4F9, #F08AA7, #008BA7, #282F4F)
• Timeworn Nightshade color palette (#DAE3F4, #5461E7, #633A00, #2500A4, #060002)

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