Muted Pier color palette — #F9F3FC · #E298B0 · #819652 · #3C6D9A · #384060

Moss and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3FC): bright and airy, almost weightless.
• Ballet Pink (#E298B0): A luminous, balanced rose — the color of pressed rose petals.
• Moss (#819652): A luminous, balanced green — the color of new leaves after rain.
• Slate (#3C6D9A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#384060): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Mallow Alley color palette (#F4F4FE, #C4A0DF, #AC8449, #00787E, #2C4559)
• Softworn Taupe color palette (#FFF2EC, #FAB9AC, #8FA36A, #2B7687, #422F52)
• Softworn Mallow Lagoon color palette (#FFF1F1, #EEB2D6, #89B78F, #7185B8, #344163)
• Ancient Lagoon color palette (#FDF2F6, #DBA37B, #00A0A1, #785C88, #403D5F)
• Muted Turquoise Corridor color palette (#F9F3F7, #D3D6EB, #71BED4, #64927A, #445563)
• Amber Courtyard color palette (#FFF0FA, #F7BD96, #CD9143, #8C7A3E, #315345)
• Amber Alley color palette (#F9EEF4, #D48461, #4B5E4D, #40343B, #242024)
• Tempered Teal Lantern color palette (#EDF8F5, #B0DBDA, #5EABA1, #837792, #3D5251)

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