Hazy Pier color palette — #FFF2EE · #FF717F · #009BE6 · #8745A3 · #340A10

A conversation between Rose and Plum, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose (#FF717F): A luminous, vivid red — the color of a theater curtain.
• Cornflower (#009BE6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Plum (#8745A3): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#340A10): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, 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

• Gentle Tangerine Balcony color palette (#FFF2E9, #FA7F27, #00A1C7, #00728E, #301100)
• Misty Amber Terrace color palette (#FFF3E3, #CB9300, #807ED3, #585797, #1F1200)
• Soft Harbor color palette (#F8F2FF, #F489C6, #07B5F0, #4581FB, #461734)
• Chalky Dune color palette (#FEF5DA, #BBB400, #0086C9, #54399F, #420029)
• Mustard Thicket color palette (#F9F6E0, #AABD69, #879BD7, #5C6FAB, #292511)
• Hushed Aubergine color palette (#FFF0F9, #C34A00, #007481, #5B209E, #3F1F34)
• Hushed Seafoam Station color palette (#F2F7EB, #94D4B1, #AAA9D6, #8D76A7, #2A3800)
• Soft Lime Archive color palette (#F7F8DB, #77BC37, #4A95E4, #5B53C6, #0F2100)

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