Hazy Pier color palette — #FFF1F3 · #CD74C7 · #DA3710 · #006454 · #1C021B

A conversation between Crimson and Bubblegum, giving this palette its sense of creativity and energy.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bubblegum (#CD74C7): A luminous, balanced pink — the color of a candy shop window.
• Crimson (#DA3710): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#006454): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#1C021B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Energy, 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

• Gentle Peony Thicket color palette (#FFF1F1, #D66FB3, #AD5700, #006269, #200317)
• Raspberry Terrace color palette (#FFF1F2, #DF6FCE, #CE3C75, #3C6500, #16022B)
• Pale Delta color palette (#FFF0FB, #95A7FF, #D84221, #005D5E, #140D60)
• Peony Courtyard color palette (#F7F9D0, #AEB9FF, #C85A8D, #006470, #33174C)
• Worn Bronze Grove color palette (#FEF3EC, #E79A79, #B26D42, #006268, #2F1212)
• Raspberry Dune color palette (#FFF1F1, #BF4C8B, #9C3200, #004138, #040002)
• Hushed Amber Cabin color palette (#FFF2E9, #DF6700, #6F5B00, #004D60, #100000)
• Peony Alley color palette (#FFF1F1, #E057A6, #5E2B1D, #29051A, #060002)

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