Muted Pier color palette — #ECD9DB · #B851B2 · #5A3529 · #311A1D · #130A0F

Orchid and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Bone (#ECD9DB): A whisper-light, dusty red — the color of late-summer berries.
• Orchid (#B851B2): A luminous, vivid pink — the color of neon signs at night.
• Cocoa (#5A3529): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#311A1D): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#130A0F): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Softworn Violet color palette (#FBEAF1, #8D65D6, #593048, #301A24, #120A12)
• Muted Peony color palette (#F3DFDE, #D5609A, #753B14, #3C2826, #1E1618)
• Peony Parlor color palette (#F6F3FF, #C25DB7, #422B46, #120B1D, #010105)
• Midnight Veranda color palette (#E9E2F8, #9F2191, #2E1F35, #161020, #060307)
• Crimson Villa color palette (#F6DFD8, #DC004D, #542D00, #320B11, #130204)
• Patina Basin color palette (#FBEFEA, #CF847E, #794E09, #5E2305, #27201F)
• Coral Chapel color palette (#FBDDD5, #E4667B, #009CA1, #207A9D, #40221A)
• Ember Archive color palette (#F7EAE1, #D65C00, #534400, #372010, #1B0E0A)

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