Mallow Pier color palette — #EFF6FF · #DFD7E4 · #CAA4E7 · #99718E · #5C4D62
A conversation between Lavender and Heather, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Silver (#DFD7E4): a clean, paper-quiet neutral.
- Lavender (#CAA4E7): A luminous, balanced violet — the color of wild irises.
- Heather (#99718E): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal Brown (#5C4D62): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Mallow 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
- Periwinkle Atelier color palette (#E8F8FF, #CEDBF7, #8FADEC, #76719F, #4B4B65)
- Timeworn Mallow color palette (#FFF0F7, #DCCBFF, #C7A8E8, #AB88BB, #6A474E)
- Dusty Quarry color palette (#F4F4FF, #FFD2E0, #E69CB7, #A36E6F, #573E4B)
- Weathered Aubergine color palette (#DEE4FF, #C3B5E3, #9072B1, #6A4182, #37314F)
- Worn Dune color palette (#F5F3FF, #FFD1E4, #BDD791, #B288BC, #2A4E45)
- Soft Mallow Coast color palette (#F8F2FF, #F69FFF, #C85894, #95474D, #50230D)
- Tempered Boulevard color palette (#F3F4FF, #E6D8E0, #D1BDDA, #B4B4A9, #534D5F)
- Hushed Glacier color palette (#E7FBEE, #AAE7E1, #8FBAA0, #90707C, #304343)
Browse the whole catalog at Explore, or see today's palette.