Muted Pier color palette — #D7EAFF · #3773E8 · #3B17DD · #33007B · #1D0037
A conversation between Iris and Sapphire, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7EAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sapphire (#3773E8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Iris (#3B17DD): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#33007B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1D0037): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Dusty Lagoon color palette (#D7E7FA, #396CFF, #3D26E4, #310070, #05000C)
- Grape Lantern color palette (#DCE6FF, #6462DE, #6300C2, #4D0072, #23002A)
- Nightshade Garden color palette (#D9E7F0, #0084CC, #004CA9, #170096, #150044)
- Gentle Boulevard color palette (#D0ECFA, #2C8BFE, #603CF9, #63229C, #2B0030)
- Frosted Balcony color palette (#E6E3F4, #8F70DA, #6C15BD, #2F005B, #060011)
- Ultramarine Veranda color palette (#FAD6E8, #C19ECC, #CF66A3, #3547CC, #230933)
- Tempered Nightshade Chapel color palette (#F2E4EC, #6F64D4, #696B00, #4400B7, #101100)
- Amethyst Workshop color palette (#D5E6FF, #8995FF, #8048FF, #6D00BE, #4F0E6A)
Browse the whole catalog at Explore, or see today's palette.