Hazy Pier color palette — #EFF6FF · #91B7FF · #C58D00 · #797B00 · #323300

Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#91B7FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C58D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#797B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#323300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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 Amber Market color palette (#EEF6FF, #7FBBFF, #E17A00, #008781, #003936)
• Peony Workshop color palette (#E4FAFF, #29DED6, #DC588A, #668100, #293600)
• Sky Workshop color palette (#CBE5FA, #34B9FE, #BB583B, #00744F, #002718)
• Blush Harbor color palette (#D3F1FF, #C9C7F3, #DB95AF, #668F74, #2A573B)
• Aged Mallow Orchard color palette (#F4F4FE, #D9B7F3, #A3B175, #5091A5, #20475B)
• Antique Raspberry Summit color palette (#F1F5FF, #98A6FF, #D43B70, #624F00, #002822)
• Hazy Emerald color palette (#FCF1FB, #A5F5F8, #37C6FB, #3EA864, #193F72)
• Wandering Jade Coast color palette (#FFF1F5, #D5D296, #7BB76C, #A278A4, #403C03)

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