Azure Pier color palette — #FBF4E9 · #B6E0C7 · #4C9FCB · #007C7B · #203D59

Cyan and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Celadon Mist (#B6E0C7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4C9FCB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007C7B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#203D59): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Antique Periwinkle color palette (#FDF4E6, #B4E2FF, #459FF8, #008091, #2D3E67)
• Pale Lantern color palette (#FDF4E5, #2DE4F2, #009CBA, #007463, #00384F)
• Softworn Cobalt Loft color palette (#FCF3EE, #ABCFBA, #3D7FAB, #006157, #283A5C)
• Antique Garden color palette (#F4EADA, #4D9EBC, #005E8C, #003B3E, #00091B)
• Ancient Quarry color palette (#F9F3F7, #C2E6F9, #7AB9E7, #00A291, #233963)
• Powder Bloom color palette (#F9F4ED, #C3F0EA, #87B9D1, #748F70, #325249)
• Quiet Drift color palette (#EEE6D9, #71BCDF, #1C7ABB, #005860, #061D44)
• Clover Hollow color palette (#E4F1D8, #5BC55E, #00A363, #006952, #00493F)

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