Muted Pier color palette — #F6F3FF · #F5D4D6 · #E09BB0 · #995F61 · #602D1C

A conversation between Ballet Pink and Cocoa, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Shell Pink (#F5D4D6): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#E09BB0): A luminous, balanced rose — the color of strawberry cream.
• Walnut (#995F61): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#602D1C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, 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

• Garnet Harbor color palette (#F2F5FF, #E1D8E1, #C5A6DA, #8C5F88, #602A45)
• Patina Stone color palette (#FFF1F2, #E4D7CD, #E3A787, #956C42, #493800)
• Muted Cocoa Pier color palette (#F3F4FF, #F6CDF3, #E4A4B6, #C47A6F, #6A3400)
• Ancient Grove color palette (#FFF1F5, #FF8F9C, #C14B2F, #6A3300, #211200)
• Timeworn Terracotta color palette (#FFECF3, #DEB4D6, #B07588, #883630, #441C00)
• Antique Petal Atelier color palette (#EAFAED, #FFCAEE, #C89192, #4D7C78, #443B4A)
• Weathered Blush color palette (#FBF1FF, #F089AC, #604E5E, #2E2931, #100E14)
• Frosted Hollow color palette (#FFF0F7, #FFCAD6, #EB6461, #9C3B00, #3C1F00)

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