Hazy Pier color palette — #ECF7FF · #02BBF6 · #BC7C1E · #81740E · #0C271D

Cyan and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#02BBF6): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#BC7C1E): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#81740E): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#0C271D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Weathered Aqua Study color palette (#E8F8FF, #2DC9F1, #C36148, #955A00, #0B2419)
• Patina Sky color palette (#E4F5FF, #1FC2F7, #D3736E, #637A24, #253100)
• Faded Bronze color palette (#F3F4FF, #B8A9FF, #A07E00, #866D1F, #002227)
• Aqua Corridor color palette (#D1FAE7, #37CBFC, #A582DB, #777935, #1D3249)
• Worn Moss Atelier color palette (#EBF7FF, #00B9EF, #78A51E, #518845, #082623)
• Powder Villa color palette (#F0F5FF, #A5B6FF, #A0B267, #818D5E, #233536)
• Faded Iris Harbor color palette (#F2F5FF, #929AFF, #DA7258, #AB5B47, #00262B)
• Airy Bronze color palette (#E3FAFC, #00AC81, #AE5316, #5B4400, #00120F)

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