Muted Pier color palette — #FEF1F8 · #AD7154 · #5F7531 · #005678 · #3A303F

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Mocha (#AD7154): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5F7531): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3A303F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Olive color palette (#F7F3FF, #B16EA0, #686C00, #005969, #352F3D)
• Muted Bronze Station color palette (#FCF1FA, #B2655D, #007D73, #504A7B, #392D37)
• Weathered Bronze color palette (#EAFAEE, #D39594, #92713B, #3D5A86, #55404D)
• Softworn Bronze Lantern color palette (#FBEDF3, #AA6C3B, #2C4334, #32242A, #1A1315)
• Hushed Onyx color palette (#DFF9EA, #6F6200, #004D63, #4D0047, #1E1900)
• Airy Bronze Workshop color palette (#FFF0F7, #A04E00, #00544A, #3D2573, #2F1824)
• Patina Bronze color palette (#FCF0FF, #EAAD9C, #B17437, #6E5500, #41490A)
• Patina Peony color palette (#FFEDEB, #C66B93, #3E789B, #3F4672, #241317)

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