Dusty Azure Pier color palette — #FAF2F8 · #98E2F5 · #549ECB · #167D6D · #273C56

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Ice Blue (#98E2F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#549ECB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#167D6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#273C56): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Periwinkle Chapel color palette (#FCF2F6, #D6DEFD, #84A6D9, #3F878B, #3C4764)
• Washed Grove color palette (#FAE9EF, #93CBF8, #6183D1, #006A75, #2C274F)
• Ancient Lagoon color palette (#FAF4F0, #C4EBD3, #7CB8ED, #00A47F, #30375C)
• Tempered Denim color palette (#EDDEE6, #529EB6, #005D90, #003C36, #00012E)
• Aged Powder color palette (#DDFDFB, #ABE9FF, #93CDF2, #788E5D, #2C4A4F)
• Tempered Harbor color palette (#E7F1E6, #5AA8EC, #3C57D1, #004853, #160835)
• Antique Lagoon color palette (#D9FFF1, #3BD3AA, #00957D, #005E4F, #002D21)
• Softworn Harbor color palette (#DAF5F4, #49C284, #CA75A6, #008752, #4C273C)

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