Muted Azure Pier color palette — #FCF2F8 · #B7DAED · #619BCD · #1D7D64 · #31375B

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#B7DAED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#619BCD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1D7D64): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#31375B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Patina Ridge color palette (#FCF2F5, #D6DEFC, #90A4D5, #408885, #414563)
• Airy Cerulean Bloom color palette (#FEF0FC, #84DBE3, #0099CC, #007743, #002D72)
• Muted Cobalt Atelier color palette (#FAE9EE, #AAC8E4, #7181C5, #006B6D, #362053)
• Worn Quarry color palette (#FBF4EA, #B0CDBC, #1F82AF, #00605F, #153D61)
• Ancient Peony color palette (#D7F6F7, #59BE97, #C775AD, #008662, #512143)
• Hushed Ridge color palette (#F0DFE8, #599DB6, #0057A5, #003C32, #08002A)
• Powdered Cobalt color palette (#EFE0E7, #82BAD4, #2F73CC, #005A4F, #1D104E)
• Wandering Powder color palette (#DCFDFD, #C4DEFB, #A2BDF9, #94905B, #17474D)

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