Muted Pier color palette — #FFEEF9 · #EE9F7D · #B46F47 · #7C5537 · #624550

A conversation between Melon and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFEEF9): A whisper-light, dusty pink — the color of peonies in June.
• Melon (#EE9F7D): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B46F47): A luminous, balanced orange — the color of toasted spice.
• Coffee (#7C5537): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal Brown (#624550): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Driftwood Bloom color palette (#FFF1F6, #D5ABB8, #9D7759, #6D5562, #3F4C3F)
• Softworn Taupe Coast color palette (#FFF2EC, #F2B8A5, #C98E65, #9A7046, #6B4700)
• Mustard Market color palette (#E1FFDD, #E3B36C, #A8873A, #6F6134, #3C5748)
• Hushed Amber Balcony color palette (#FBF1FF, #FFC9C1, #EB9F7C, #B68B39, #355846)
• Antique Harbor color palette (#ECFAEB, #C5DCC8, #AFAEBC, #A98594, #415144)
• Washed Amber color palette (#E9FBE8, #C28C3F, #6E9663, #866B8C, #394738)
• Amber Station color palette (#F3DABD, #BC8100, #7D5C00, #503F00, #382F00)
• Inked Study color palette (#F0D9CE, #894300, #4F2A00, #221100, #060500)

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