Muted Pier color palette — #F2F5FF · #A2D3A8 · #7166AB · #394060 · #1D212F

A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Pistachio (#A2D3A8): A whisper-light, dusty green — the color of fresh herbs.
• Slate (#7166AB): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#394060): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#1D212F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, 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

• Cobalt Meadow color palette (#EFF6FF, #E6BD81, #5370AC, #324263, #1B222D)
• Patina Driftwood Villa color palette (#F5F4FE, #A4DEDD, #916F98, #4D4963, #2B2A35)
• Worn Pewter color palette (#FFF1F7, #CEF3BA, #7B6BA3, #4C2D3C, #170B11)
• Timeworn Ridge color palette (#FFF1F5, #CDA95B, #5E4474, #44212E, #261714)
• Gentle Plum color palette (#F8F2FF, #89D07C, #AC2D81, #5A2445, #20142B)
• Patina Ash color palette (#F5F4FF, #FFC5B9, #AA84B8, #625E82, #211F2E)
• Softworn Lagoon color palette (#F3F5FC, #C5BBF5, #B3881D, #8372C1, #19281C)
• Tempered Driftwood color palette (#F6F4FA, #E1D8DB, #DABCBD, #A881A1, #48464E)

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