Hazy Pier color palette — #FFF1F2 · #D75CB9 · #007741 · #21248B · #050135

Hot Pink and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Hot Pink (#D75CB9): A luminous, vivid pink — the color of a candy shop window.
• Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#21248B): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#050135): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Washed Peony color palette (#FFF2EF, #ED5085, #007368, #312284, #0B0032)
• Hushed Magenta color palette (#FFF1F3, #D15CD5, #1D7607, #003B64, #000D1D)
• Ancient Nightshade color palette (#FFF1F3, #D289D4, #6B8202, #383992, #250E35)
• Powdered Rose Garden color palette (#FFF2EE, #E85975, #007559, #5E0063, #1D0017)
• Pale Iris Balcony color palette (#FFF0F8, #8E7DF2, #7B5F00, #003A67, #000929)
• Sunlit Plum color palette (#EBDAF2, #B32B61, #3A4F00, #002F55, #191052)
• Ancient Scarlet color palette (#FFEEE8, #E4002A, #00585F, #090674, #00000F)
• Coral Bloom color palette (#F2D9EB, #FF6D54, #789000, #006E7C, #251242)

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