Hazy Pier color palette — #F2F5FE · #C2BDF3 · #C77A33 · #806ADA · #321C26

Built around Amethyst, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F2F5FE): a clean, paper-quiet neutral.
• Lavender (#C2BDF3): A whisper-light, dusty violet — the color of wild irises.
• Mustard (#C77A33): A luminous, balanced gold — the color of old brass.
• Amethyst (#806ADA): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#321C26): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

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

• Quiet Cobalt Harbor color palette (#F0F6FD, #9FC7FE, #C5785A, #4280D4, #311C2A)
• Hushed Parlor color palette (#F4F4FD, #D1B8E8, #AC8A39, #9D5ECD, #142A1A)
• Wandering Amber color palette (#FDF2F7, #EBD4ED, #D68854, #8D7CC7, #1A1007)
• Worn Coral color palette (#F4F4FE, #EAC5FF, #F58C7F, #BA8CD4, #2B2029)
• Chalky Grape Bloom color palette (#FEF1F5, #C69ADF, #AC4A5B, #7C409A, #301F1B)
• Tempered Lagoon color palette (#E4FBF4, #AEAAE0, #B27080, #006F87, #3C3955)
• Weathered Hollow color palette (#F1F0FE, #D186F7, #A36A00, #9B00CD, #1C0E00)
• Ash Villa color palette (#F5F4FA, #E3D8DC, #CFBBBD, #AE7AAD, #484650)

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