Muted Pier color palette — #FCF3EF · #DDDBD0 · #A1B0AC · #AF704B · #58514D

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DDDBD0): a clean, paper-quiet neutral.
• Ash (#A1B0AC): a calm mid-gray that lets other colors speak.
• Mocha (#AF704B): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#58514D): quiet, heavy and certain.

Feels like: Optimism, Sophistication. 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

• Tempered Canyon color palette (#F8F5ED, #D6DDD4, #B2C6B9, #7B7646, #4B473F)
• Softworn Oat color palette (#FFF2EC, #D3C4AE, #959681, #7F6977, #5F4B4D)
• Washed Delta color palette (#E7E1D5, #BEBAA0, #8B9274, #544200, #251E11)
• Washed Coast color palette (#FDF4E4, #E48D73, #847744, #6A4E6B, #693B00)
• Bronze Lantern color palette (#F0E6DE, #A59887, #846E25, #481C00, #130500)
• Amber Cabin color palette (#FDF3ED, #CF8163, #397F68, #43517C, #54374F)
• Softworn Fern color palette (#F7F6E4, #CED7B9, #99AE92, #4A6500, #34332C)
• Muted Bronze Delta color palette (#FCF0E2, #AD6C00, #3F3C35, #30271D, #18150F)

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