Muted Pier color palette — #FFEAD3 · #FFB3B8 · #D6A6FF · #553F46 · #2F2427

Built around Lavender, softened by Ballet Pink — the whole palette hums with creativity and sophistication.

The five colors

• Cream (#FFEAD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#FFB3B8): A whisper-light, balanced red — the color of embers at dusk.
• Lavender (#D6A6FF): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#553F46): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#2F2427): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Powder Veranda color palette (#FFE4E7, #DCB9FF, #8CC2FF, #4E3E4F, #2F2730)
• Mallow Ridge color palette (#DEE2CA, #FFB88D, #FF98CA, #573C3B, #302726)
• Worn Terrace color palette (#FFF0F7, #F3B1AE, #736A96, #553846, #2B1D24)
• Muted Alley color palette (#ADFFF6, #9BBEFF, #E793E6, #503D4E, #332B32)
• Honey Station color palette (#E4ECD4, #EABF03, #91AEFF, #55333B, #312930)
• Ancient Peony color palette (#FEF1F5, #D5B6EC, #BD739F, #946EAE, #301F1F)
• Tempered Veil color palette (#FFE7F0, #DFD6FF, #CFD1C4, #363A52, #13151D)
• Hushed Pier color palette (#FFF1F4, #B68BCA, #C17A64, #8C663A, #422C32)

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