Hazy Coast color palette — #E2E6FF · #8E59DA · #AB3C98 · #615500 · #080016

Amethyst takes the lead with Magenta Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E2E6FF): A whisper-light, dusty violet — the color of wild irises.
• Amethyst (#8E59DA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Magenta Rose (#AB3C98): A full-bodied, vivid pink — the color of peonies in June.
• Olive (#615500): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#080016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

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

• Wandering Alley color palette (#D2E2EB, #0089A9, #A337B4, #754A00, #000609)
• Ancient Magenta color palette (#EAE2FE, #B842B3, #C1324C, #3C6100, #0D000C)
• Linen Indigo Pier color palette (#DBE2F0, #5568F7, #7C51CB, #814100, #02001E)
• Byzantium Boulevard color palette (#DCDDFD, #9E46E2, #A35B00, #006449, #090014)
• Mulberry Loft color palette (#CCE2FB, #2682DF, #9C2C91, #2F4E00, #000717)
• Muted Scarlet Bloom color palette (#E1EAFE, #5C67F3, #CD1F16, #006721, #02001D)
• Faded Wisteria Archive color palette (#F1DBFF, #CF73FF, #E556C0, #7E8000, #2C103A)
• Quiet Byzantium color palette (#D8F0FF, #638AEA, #962ECA, #88005F, #1E0003)

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