Hazy Pier color palette — #FFF0FC · #5A6AFF · #A05200 · #344400 · #000506

Sapphire and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#5A6AFF): A full-bodied, vivid violet — the color of wild irises.
• Ochre (#A05200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#344400): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000506): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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

• Dusty Cornflower color palette (#FFEFFF, #0E7AF5, #B50908, #434100, #000606)
• Orchid Quarry color palette (#FFF1F6, #9C51FF, #7A5500, #004E2D, #00060F)
• Brick Delta color palette (#FFF1F6, #AC78FF, #C90020, #414300, #001617)
• Patina Wisteria Canyon color palette (#FFF1F6, #BB7CFF, #966900, #005B3D, #00121F)
• Hazy Plum Thicket color palette (#DCFFEA, #0097BF, #C10062, #563800, #000402)
• Antique Magenta color palette (#FFF4E2, #AD97FF, #BD00B1, #4F4700, #25023B)
• Byzantium Quarry color palette (#E6E5FF, #96009D, #880042, #303300, #000810)
• Patina Denim color palette (#E1F3FF, #005F84, #434500, #00361C, #001D1F)

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