Muted Pier color palette — #FAF4F0 · #C0E9E4 · #50AFE4 · #348B7A · #544054

A conversation between Cyan and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#C0E9E4): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#50AFE4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#348B7A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#544054): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Muted 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 Turquoise color palette (#FAF3F0, #D1EED2, #55B3CD, #418B68, #285145)
• Dusty Cerulean Delta color palette (#F9F4EF, #C7DEED, #9EB0E1, #4B92A0, #644A57)
• Cerulean Summit color palette (#ECF8F6, #BAE3F8, #4496B2, #007076, #2F4B5E)
• Pale Moss color palette (#FFF1F3, #C88CCA, #59B044, #0097AA, #483035)
• Teal Meadow color palette (#F0E5DF, #46A2A6, #006279, #003D28, #000A16)
• Petrol Studio color palette (#F6E9E1, #55AED0, #006AAF, #004A47, #070D37)
• Soft Lagoon color palette (#F5EDE7, #8AD0E7, #008ED7, #006D63, #172B57)
• Worn Oat color palette (#FFF1F1, #E2D9D0, #C2CE99, #9F8BBA, #604743)

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