Muted Pier color palette — #F0F5FF · #9DCCB7 · #525B84 · #2F384C · #25232C

Peacock and Pistachio set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Pistachio (#9DCCB7): A luminous, dusty teal — the color of sea glass.
• Peacock (#525B84): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#2F384C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#25232C): quiet, heavy and certain.

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

• Muted Stone color palette (#EFF6FE, #DEB1C7, #46607E, #293A4D, #23232E)
• Dusty Veranda color palette (#F7F3FF, #A8B586, #6E3E63, #332647, #231821)
• Driftwood Villa color palette (#F2F5FC, #E2C7E4, #6F7CA0, #424C68, #272B37)
• Ancient Balcony color palette (#F2F5FC, #BABAF1, #A46A73, #6764A6, #332A34)
• Aged Periwinkle Dune color palette (#FCF2F8, #E2E1B2, #8E99D8, #826178, #30292E)
• Quiet Aubergine Delta color palette (#F2F5FF, #73B568, #4C338C, #291852, #15192D)
• Aged Pewter Coast color palette (#E6FBF3, #AF9ECB, #9D6375, #30626B, #48445A)
• Softworn Forest color palette (#F9F3FC, #AF788E, #8A564E, #2E5C35, #2F3542)

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