Muted Pier color palette — #ECDFD1 · #C7AF78 · #C17D32 · #A05239 · #2D2300

A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.

The five colors

• Parchment (#ECDFD1): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C7AF78): A luminous, dusty gold — the color of afternoon light on wheat.
• Mustard (#C17D32): A luminous, balanced gold — the color of old brass.
• Ochre (#A05239): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#2D2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Frosted Amber color palette (#EEE5D2, #ACB97E, #A38E23, #935E00, #0F2C09)
• Cocoa Hollow color palette (#F7E7EC, #BC9763, #996527, #753C00, #0C2B15)
• Bronze Hollow color palette (#FBECD6, #CDCB97, #C99C37, #BD6500, #2C3C12)
• Softworn Coast color palette (#FFE4D4, #B68358, #AF4B27, #8E0E32, #110A00)
• Hushed Bloom color palette (#FADEE8, #A28135, #7B4600, #502112, #00130A)
• Weathered Balcony color palette (#FFF3E7, #E9D6BB, #CDB095, #BA8273, #584500)
• Ember Grove color palette (#EDD6E7, #8095F1, #D86C55, #7E7700, #2A0E25)
• Linen Navy Loft color palette (#E6D9E7, #E7AA72, #407BBE, #044887, #150417)

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