Hazy Pier color palette — #D3FDEE · #96AEE9 · #7875CA · #6C4F7F · #482A2B

Periwinkle takes the lead with Sky close behind in a set that reads as creativity and balance at first glance.

The five colors

• Honeydew (#D3FDEE): A whisper-light, dusty teal — the color of sea glass.
• Sky (#96AEE9): A luminous, balanced violet — the color of a velvet chair.
• Periwinkle (#7875CA): A luminous, balanced violet — the color of a velvet chair.
• Graphite (#6C4F7F): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#482A2B): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Balance. Tagged cool.

Use it as a design system

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

• Weathered Lagoon color palette (#D5F3D9, #86C8EA, #4A87CD, #545185, #4E313B)
• Muted Powder color palette (#FFF0FE, #A5B2FC, #7E78B8, #695A83, #63444D)
• Tempered Indigo Study color palette (#FCEDF3, #B8A9E0, #9CA356, #7862AB, #33312A)
• Muted Lilac color palette (#FFECF1, #DBBEF1, #9C74B4, #5C4374, #30141F)
• Weathered Peony color palette (#FFE6F3, #CAA8E3, #B06198, #844658, #3D3532)
• Pale Byzantium color palette (#E4EDFF, #9386FF, #9800E0, #7A0073, #4A0E26)
• Frosted Plum color palette (#E2E0FE, #B382D7, #9F36A0, #6E0940, #391014)
• Stone Loft color palette (#FDEDF5, #E5D4CF, #D0C08E, #658DA8, #4C3B3E)

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