Muted Pier color palette — #F1F7F1 · #D3DCDA · #B1B2BF · #C8A883 · #494F48

Camel and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D3DCDA): bright and airy, almost weightless.
• Ash (#B1B2BF): soft and architectural.
• Camel (#C8A883): A luminous, dusty gold — the color of honey in a jar.
• Charcoal Brown (#494F48): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Patina Taupe Studio color palette (#EEF7F5, #D2DCDF, #C2C2CC, #89A97B, #374240)
• Worn Courtyard color palette (#F6F1EC, #D7D8CF, #A5B4AC, #A97641, #3A3530)
• Ancient Basalt Archive color palette (#DCE8DE, #B2BEB6, #7D9A8A, #4F3700, #000200)
• Sand Station color palette (#E9FAEE, #F5DA9C, #A4A677, #3C8074, #2F4537)
• Mustard Lantern color palette (#E9FAEF, #C0AE65, #445A51, #222E27, #0C110D)
• Timeworn Bloom color palette (#E6F1F0, #C1D4D4, #83AFB3, #005E21, #000303)
• Weathered Emerald color palette (#E8F9F9, #CAE1EF, #B3BEDF, #00965F, #062B2B)
• Stone Atelier color palette (#FAF3F5, #D1D8DB, #DCAA7A, #A8A5B1, #5B4E53)

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