Mallow Pier color palette — #FFF1F4 · #D597E7 · #B15B7B · #6B640A · #042315

Lavender and Fuchsia set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D597E7): A luminous, balanced pink — the color of neon signs at night.
• Fuchsia (#B15B7B): A full-bodied, balanced rose — the color of pressed rose petals.
• Olive (#6B640A): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#042315): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Hushed Wisteria Bloom color palette (#FFF1F4, #BD8CD8, #B67553, #6A6212, #062114)
• Tempered Periwinkle color palette (#FDF1FA, #90A0F4, #A1649D, #824F0D, #0D1D0C)
• Softworn Boulevard color palette (#FFF1F1, #E68FBF, #B65B52, #38612D, #211023)
• Muted Cypress Coast color palette (#F6F7E2, #B7CAFF, #AC81AB, #3F7049, #432836)
• Coral Station color palette (#FFF2EE, #D5727C, #8F6C00, #005545, #1A0310)
• Powder Archive color palette (#FBF2F8, #AEB9F7, #B68C59, #3D7F6F, #30232C)
• Lilac Harbor color palette (#FFF1F5, #B289D6, #583F3F, #29191F, #090407)
• Tempered Crimson Thicket color palette (#FFF2EE, #C64D61, #7C4500, #004430, #090004)

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