Muted Pier color palette — #ECF2FE · #7F90D5 · #B2704F · #4E6736 · #1C232F

Lavender Blue and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF2FE): bright and airy, almost weightless.
• Lavender Blue (#7F90D5): A luminous, balanced violet — the color of wild irises.
• Mocha (#B2704F): A luminous, balanced orange — the color of autumn markets.
• Olive (#4E6736): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#1C232F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Muted Bronze Canyon color palette (#EEF2FB, #8D97D7, #A15D44, #085A40, #002D38)
• Aged Azure color palette (#E9F3FC, #539EC9, #9C7E3B, #0C6D65, #17242E)
• Antique Turquoise Quarry color palette (#E7F4FB, #3DA4BA, #B16A7B, #715B28, #13252E)
• Hushed Iris Courtyard color palette (#EFF6FF, #668EDE, #A36B87, #2A6C63, #353E4A)
• Cobalt Basin color palette (#E8F3FF, #0081D0, #896400, #00573E, #001529)
• Ancient Periwinkle color palette (#FFF0FD, #8AAAED, #AC9B62, #957530, #443943)
• Softworn Peony Hollow color palette (#F3EFFF, #B264B2, #1B8965, #046146, #1B1728)
• Hushed Apricot color palette (#FFF1F3, #E3AEE5, #E69971, #987E51, #3F2B2F)

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