Airy Navy Pier color palette — #DAF2F5 · #00A4CE · #006BA5 · #002380 · #08002B

Navy and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DAF2F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A4CE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BA5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002380): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#08002B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Airy 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

• Dusty Quarry color palette (#D3F2FB, #049FEE, #005DC4, #29179C, #190033)
• Turquoise Workshop color palette (#C5EBE3, #00A6B2, #007790, #00395B, #000B27)
• Onyx Bloom color palette (#CBF4FF, #008BB3, #005882, #002A54, #230049)
• Ultramarine Pier color palette (#D1EBF4, #0090D7, #1600EE, #23007C, #050012)
• Antique Navy color palette (#D2F8F5, #00768A, #004667, #030679, #0F0031)
• Ultramarine Cabin color palette (#E8F1FF, #79AFFF, #0054E7, #080075, #00000C)
• Hazy Azure color palette (#D6F7EE, #1096F7, #AC6800, #005089, #0F0500)
• Fuchsia Grove color palette (#D8FFF3, #DBDAFF, #E48DE5, #007D8B, #040F2C)

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