Muted Pier color palette — #FFF2EB · #FFCABB · #BD8600 · #D3491F · #110800

Built around Terracotta, softened by Mustard — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#FFCABB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#BD8600): A luminous, balanced gold — the color of honey in a jar.
• Terracotta (#D3491F): A full-bodied, vivid orange — the color of toasted spice.
• Ink (#110800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged duotone.

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

• Hushed Moss Veranda color palette (#FFF3E7, #FFCE9D, #A79200, #B26B00, #0F0900)
• Pale Courtyard color palette (#FFF2EF, #FFC7D6, #EE5943, #D43778, #170400)
• Coral Thicket color palette (#FFF2ED, #FFBBB5, #B2AD00, #FF5859, #251C00)
• Faded Terracotta Loft color palette (#FFF2EA, #FF9F73, #9E6B00, #A24100, #020100)
• Ember Summit color palette (#FFF2ED, #FF4B38, #797300, #6B3691, #200203)
• Hazy Fern Market color palette (#F3E9D5, #A98B00, #185E00, #493A00, #010100)
• Hushed Amber color palette (#FFF3E6, #E28B00, #6F5F00, #6F4100, #020100)
• Antique Amber color palette (#FFF2EA, #FFC589, #C78A00, #765B00, #322900)

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