Hushed Azure Pier color palette — #FFF2ED · #98ECED · #00ABD9 · #328549 · #1E416A

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#98ECED): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00ABD9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#328549): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#1E416A): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Chalky Sky color palette (#FDF1F9, #CDDBF4, #00C1EC, #008C62, #00385A)
• Patina Periwinkle color palette (#FFF3E9, #ABE4FF, #659DEA, #008475, #3C376C)
• Hushed Garden color palette (#FFF2ED, #39E3F2, #0098CE, #007746, #133064)
• Aqua Atelier color palette (#F6F6E8, #B1F2F4, #00CDE1, #00A79A, #004855)
• Softworn Cerulean Meadow color palette (#E7FAF6, #A6D7E7, #00909F, #00675F, #004856)
• Mint Boulevard color palette (#E1F8DE, #00D0B3, #009E9E, #00728F, #00416B)
• Dusty Quarry color palette (#FCF3EF, #BEE6F3, #8DBDAF, #5E9380, #604B5A)
• Aged Emerald color palette (#E1FFDE, #D8EDFF, #CFBAFF, #539F69, #114D5F)

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