Muted Pier color palette — #FFDFD5 · #B4003D · #635100 · #253E00 · #100002

Built around Ruby, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDFD5): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B4003D): A full-bodied, vivid red — the color of late-summer berries.
• Bronze (#635100): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#253E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#100002): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Terracotta Boulevard color palette (#FBD9C4, #A23900, #485B00, #004127, #0D0200)
• Ember Basin color palette (#F9DFD9, #D95100, #884400, #432400, #0F0700)
• Lowlit Mulberry color palette (#FFE2F1, #7A0057, #003F3D, #002221, #100001)
• Airy Crimson color palette (#EFDFDB, #E92562, #8B3200, #830031, #040100)
• Aged Spruce color palette (#D9F3E5, #006B88, #545700, #0C4202, #000509)
• Weathered Terracotta Villa color palette (#F7EBE6, #C5AFA3, #B88972, #9D0216, #220D05)
• Wandering Atelier color palette (#EFE8F4, #F3309B, #00712B, #00606A, #0F0005)
• Wandering Grove color palette (#F0E8C6, #626600, #005F5E, #003B50, #050500)

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