Muted Pier color palette — #F1F5FE · #F8D7CA · #6D71A5 · #32345A · #0A0F1D

Slate and Navy set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Shell Pink (#F8D7CA): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#6D71A5): A full-bodied, balanced violet — the color of wild irises.
• Navy (#32345A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0A0F1D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Muted Villa color palette (#EFF6FD, #B8F3F0, #487CA1, #043C5C, #04111C)
• Hushed Driftwood Drift color palette (#F5F4FE, #ECD8DC, #9778A4, #533C5D, #1B1927)
• Antique Iris Parlor color palette (#F0F5FF, #DDD999, #8391CC, #56608B, #1C222D)
• Mustard Basin color palette (#FBEDF8, #ABBE68, #42537F, #361D32, #120910)
• Garnet Summit color palette (#F8F2FF, #FFCBB5, #984B7F, #550040, #0B0413)
• Dusty Dune color palette (#FFF0F9, #E3969A, #4C4B79, #3D2534, #241617)
• Faded Garden color palette (#F4F4FC, #F2D2E9, #DA79AA, #A367E1, #180D1F)
• Deep Aubergine Loft color palette (#E5EAFF, #CF6B6E, #330270, #0E0517, #020008)

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