Mallow Pier color palette — #FFF1F4 · #DD9BEF · #AFA76D · #5A9382 · #392E38

Built around Lavender, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#DD9BEF): A luminous, balanced pink — the color of a candy shop window.
• Sage (#AFA76D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5A9382): A luminous, dusty teal — the color of sea glass.
• Espresso (#392E38): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Tempered Mallow Atelier color palette (#FFF1F1, #FBAAD5, #CE9F69, #6A9275, #2A4A3F)
• Hushed Blush color palette (#FFF2EF, #FD9DAF, #83B17E, #5C96A7, #3E2D33)
• Lilac Lagoon color palette (#FFF1F6, #B28FD6, #5D9B78, #696B64, #2B342A)
• Hushed Apricot color palette (#FEF0FB, #A2BDFF, #D88F6B, #839361, #28372D)
• Amber Meadow color palette (#FCF1FD, #E49CA5, #C08959, #3C7F66, #1D2334)
• Feathered Moss Hollow color palette (#FFF1F2, #FF93D8, #769700, #008B89, #1C1E41)
• Stone Drift color palette (#FFF2F0, #EACFCC, #E2BB90, #AFA594, #5B413C)
• Cocoa Veranda color palette (#FFF1F3, #FFCEEB, #E8A1B2, #BB7D7C, #6E351B)

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