Azure Pier color palette — #FFF4E2 · #D5EAFF · #00A7E1 · #007270 · #002644

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Frost (#D5EAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00A7E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007270): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002644): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Ancient Parlor color palette (#FEF4E4, #DEE3F6, #5997FF, #006F87, #18175C)
• Wandering Bloom color palette (#FEF4E4, #D0E5FD, #00C5D5, #008C64, #003C4A)
• Muted Courtyard color palette (#EBFAEE, #61C7E2, #0078A2, #005654, #00355B)
• Denim Dune color palette (#ECE2D2, #71A9D0, #08549E, #002A32, #00000B)
• Aged Navy Basin color palette (#FFF2EB, #A5E5F8, #53B2FF, #009B79, #22217C)
• Worn Grove color palette (#FBF4E9, #97D7EE, #1283BA, #005153, #000C20)
• Pale Studio color palette (#F4F4FF, #9783FF, #D96100, #008766, #140339)
• Tempered Cerulean Lagoon color palette (#F9F4ED, #C1E3F5, #97BFE7, #418F9B, #51344E)

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