Azure Pier color palette — #FDF4E6 · #9EE8FD · #39A8D9 · #008380 · #06426E

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Ice Blue (#9EE8FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#39A8D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#008380): A full-bodied, balanced teal — the color of sea glass.
• Navy (#06426E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Dusty Sky Boulevard color palette (#EFF8F0, #D4D7E7, #17BDFC, #008885, #0B375A)
• Antique Turquoise Corridor color palette (#FAF4EC, #BFE9DF, #5FB2C7, #3F8A78, #245241)
• Aged Courtyard color palette (#F5EDE1, #95CEE8, #328DCC, #006B72, #0C2C5A)
• Quiet Jade Delta color palette (#FDF1F9, #B5F0FF, #6DBEFF, #00AA81, #343D64)
• Petrol Ridge color palette (#ECE2D3, #67AEBC, #007192, #004A45, #001626)
• Cerulean Garden color palette (#F9F4EE, #CDE5E6, #94B5D7, #4B939E, #614A5E)
• Ultramarine Lantern color palette (#F7EEDE, #7197B8, #1752B1, #003947, #05002C)
• Peony Terrace color palette (#FFE4E2, #F357B2, #989400, #008AB3, #4C1D37)

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