Hazy Pier color palette — #FFF1F4 · #DA98F4 · #5AB67C · #459683 · #1A2C24

Built around Pink Orchid, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Pink Orchid (#DA98F4): A luminous, balanced pink — the color of neon signs at night.
• Jade (#5AB67C): A luminous, balanced teal — the color of glacier melt.
• Fern (#459683): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#1A2C24): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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

• Mallow Harbor color palette (#FFF1F0, #FF90C7, #64B479, #599368, #342231)
• Wisteria Pier color palette (#FFF1F5, #CD9CF7, #ABA355, #857E37, #172D21)
• Blush Orchard color palette (#FFF2ED, #FF8F92, #00AEB3, #259497, #392730)
• Softworn Basin color palette (#FBF5E0, #F8A8E9, #E08A79, #458E97, #4F3633)
• Frosted Blush Dune color palette (#FFF2F0, #FF7199, #00ACB1, #4676C6, #331B2F)
• Amber Workshop color palette (#E9FAF3, #76D2FF, #C18016, #379282, #1D2E23)
• Feathered Peony color palette (#FFEBF5, #FF4B97, #009B74, #007B7E, #02173D)
• Soft Blush color palette (#FCF1FF, #DF7C8B, #878127, #5D5800, #0B1725)

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