Muted Pier color palette — #FFF1F4 · #FFB2AE · #F66900 · #8C5B00 · #393100

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Rose Quartz (#FFB2AE): A whisper-light, balanced orange — the color of toasted spice.
• Tangerine (#F66900): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#8C5B00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#393100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, 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

• Amber Terrace color palette (#FFF1F1, #FFAA87, #B57700, #6D5E00, #2D370E)
• Aged Tangerine Corridor color palette (#FDDED7, #FFAA8C, #FF762C, #BF5C00, #643600)
• Amber Terrace color palette (#FDEBE8, #E67400, #775500, #3E3700, #061100)
• Tangerine Terrace color palette (#FCDCD4, #EC7853, #A84900, #673000, #3A1D00)
• Blush Quarry color palette (#FFEFFF, #FFA8D1, #FF5B7B, #A2330F, #4D2E00)
• Aged Summit color palette (#FFF2EA, #FBC679, #C97B53, #894A52, #322600)
• Pale Sky color palette (#FFF3E8, #FFB57B, #16C1F6, #B86300, #003445)
• Dusty Marigold color palette (#FFF2ED, #FFC889, #BDA12D, #6D7B3F, #3F4039)

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