Hazy Pier color palette — #FFF1F4 · #DAA4E4 · #7E953E · #555296 · #302149

Moss and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#DAA4E4): A luminous, balanced pink — the color of neon signs at night.
• Moss (#7E953E): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#555296): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#302149): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Feathered Amber Boulevard color palette (#FFF0F9, #AFB3FC, #B18000, #21618B, #002E4A)
• Wandering Blush color palette (#FFF2EE, #FB9BA5, #009DA0, #515590, #24264D)
• Washed Apricot color palette (#FFF0FA, #FFA289, #8EAB6C, #2989A5, #442E4E)
• Worn Workshop color palette (#FDF3EF, #C0E4EA, #64C9F3, #549267, #4D364E)
• Soft Navy Archive color palette (#FCF1FE, #BE6D7C, #437133, #2E4382, #3F2654)
• Powdered Mulberry Cabin color palette (#FFF2ED, #FF857E, #009282, #851D6E, #41002D)
• Dusty Marigold Dune color palette (#FFF2EC, #FFC8A6, #D99600, #857412, #45453D)
• Gentle Parlor color palette (#FFF1F1, #FD44B7, #11821B, #50008F, #21002C)

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