Hazy Navy Pier color palette — #CFEFDA · #7DCDB6 · #3CB3B0 · #4C7AB7 · #2D3477

Built around Navy, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CFEFDA): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#7DCDB6): A luminous, balanced teal — the color of sea glass.
• Turquoise (#3CB3B0): A luminous, balanced teal — the color of glacier melt.
• Slate (#4C7AB7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2D3477): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Hazy Navy 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

• Jade Terrace color palette (#E8F0DF, #9EC899, #5CB587, #0085A4, #014167)
• Weathered Dune color palette (#A7F4E7, #86D7D9, #69BFD3, #7E85BD, #514074)
• Patina Basalt Quarry color palette (#C8F0FF, #89BFD1, #629AC0, #7C6B99, #45234D)
• Navy Field color palette (#D0EAE2, #379693, #247785, #373E89, #12082A)
• Feathered Corridor color palette (#E6FAF8, #9DE6FF, #00BAF4, #0095A4, #003752)
• Patina Workshop color palette (#C1EEF2, #00D4A6, #7DA3FF, #009F7D, #0A1E79)
• Pale Jade color palette (#D1E7CA, #4EAB71, #1E836A, #004565, #08223E)
• Washed Delta color palette (#E1FBFF, #CADBEF, #ACC5D2, #949FBD, #4C4F68)

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