Hazy Pier color palette — #D1E4F7 · #5998FF · #4D4EE8 · #4A3599 · #30164E
A conversation between Iris and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1E4F7): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#5998FF): A luminous, vivid blue — the color of a favorite pair of jeans.
- Iris (#4D4EE8): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#4A3599): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#30164E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Linen Amethyst Archive color palette (#E1E8FA, #7C89FF, #7E4FDE, #5E2F86, #381142)
- Sapphire Veranda color palette (#CFE6F3, #05A2F1, #006DE0, #263F94, #1F1D55)
- Faded Dune color palette (#E3EEFF, #576FFF, #5836C1, #3B146C, #1F022C)
- Indigo Station color palette (#E1EDFE, #8BADFF, #6D76FD, #584AC0, #41337C)
- Powdered Orchard color palette (#E9F8FF, #A5CFFF, #7985FF, #724FB3, #481949)
- Airy Amethyst Harbor color palette (#F2EFFF, #B6A3FF, #7C50D3, #45217D, #120033)
- Faded Nightshade Meadow color palette (#FFEBF7, #989BFF, #898500, #4537AE, #232200)
- Frosted Amethyst Canyon color palette (#E9EBFA, #873DF0, #69009D, #410051, #140012)
Browse the whole catalog at Explore, or see today's palette.