Azure Pier color palette — #DAF7DC · #99DAE5 · #00A4D2 · #00685F · #233E29

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

The five colors

• Honeydew (#DAF7DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Ice Blue (#99DAE5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00A4D2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00685F): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#233E29): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

Use it as a design system

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

• Pale Teal color palette (#ECF9DD, #6EDBC3, #2EB6B7, #1D7141, #253418)
• Weathered Canyon color palette (#E8FBED, #CBE3FF, #65B6ED, #007576, #2C4637)
• Tempered Periwinkle Cabin color palette (#E1FBEF, #A4D0F4, #6596F2, #00667B, #103C53)
• Powdered Aqua Bloom color palette (#DEF3D8, #5FD0F1, #86A1DB, #33663D, #02240C)
• Misty Cobalt Thicket color palette (#C3ECD4, #61C5F6, #3288D5, #005258, #002836)
• Ancient Parlor color palette (#C8F9FF, #80E5FF, #94B8FF, #538B5B, #053B4C)
• Washed Moss Delta color palette (#DDF7D2, #A0E7FA, #BBC6FF, #799F63, #1F4028)
• Worn Aubergine color palette (#C4E8D9, #006A96, #79268D, #004420, #001D2D)

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