Muted Pier color palette — #F4DCE1 · #EC7977 · #BB6147 · #733D0F · #153018

Watermelon and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4DCE1): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#EC7977): A luminous, balanced orange — the color of autumn markets.
• Terracotta (#BB6147): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#733D0F): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#153018): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged 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

• Muted Apricot Pier color palette (#FFE2DC, #E48842, #A96E00, #5C4A00, #053726)
• Tempered Canyon color palette (#FFD6E5, #DD8E9A, #B9624D, #774900, #42423B)
• Hazy Boulevard color palette (#FFECF5, #EB8547, #009EBC, #974E20, #002D37)
• Taupe Canyon color palette (#FFEBF7, #D2A072, #996754, #5A435B, #142819)
• Soft Ember Field color palette (#F6D7D6, #EC5200, #824800, #4E3800, #1B1700)
• Blush Loft color palette (#FDD0F4, #EA87B6, #B15268, #793C38, #3D1E33)
• Ancient Villa color palette (#FFF1F0, #FFC6BA, #E07A5C, #94573D, #443E39)
• Feathered Marigold color palette (#FFEEE3, #F8AE68, #A5692C, #643306, #261200)

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