Muted Pier color palette — #D9F7EF · #00C9C9 · #4D8BFF · #AF228F · #1C2144

Built around Magenta Rose, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D9F7EF): A whisper-light, dusty teal — the color of sea glass.
• Aqua (#00C9C9): A luminous, balanced teal — the color of sea glass.
• Azure (#4D8BFF): A luminous, vivid violet — the color of a velvet chair.
• Magenta Rose (#AF228F): A full-bodied, vivid pink — the color of peonies in June.
• Midnight (#1C2144): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

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 Iris color palette (#FFEEFA, #03C2ED, #6D7DFF, #B63372, #2A1538)
• Dusty Coast color palette (#FFF0FD, #1EE0E7, #8894FF, #B24E80, #482639)
• Cornflower Quarry color palette (#E1ECFF, #20C2F8, #3E90FF, #784BB1, #07062C)
• Dusty Amethyst color palette (#E0FDEB, #00D07A, #009DD5, #803DCB, #112846)
• Antique Violet Thicket color palette (#FFECFC, #70D0FF, #87ADFF, #9469C7, #1B1A42)
• Orchid Market color palette (#FFEEF3, #53B8FF, #C257F8, #BC2E2B, #3C1239)
• Pewter Quarry color palette (#C6E7E8, #73A497, #83508D, #285026, #243A24)
• Sapphire Orchard color palette (#F4EDE7, #8BB8D6, #4162B8, #00504D, #31254F)

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