Mallow Harbor color palette — #F4F4FD · #D0AFF5 · #A5658E · #776290 · #302B38

Lavender and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F4F4FD): a clean, paper-quiet neutral.
• Lavender (#D0AFF5): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#A5658E): A full-bodied, balanced pink — the color of neon signs at night.
• Slate (#776290): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#302B38): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Mallow Harbor 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 Pewter color palette (#F0F1F9, #C5BBED, #B26A7B, #7566A5, #1A131C)
• Mallow Corridor color palette (#F8F3FC, #F5A4C6, #B06559, #8D5C70, #342B32)
• Iris Ridge color palette (#FBF2F6, #D3CAF7, #C88695, #9080C4, #3B2925)
• Muted Blush color palette (#FFF0F8, #D48DBC, #9B6573, #6F542F, #4C4453)
• Driftwood Loft color palette (#FFF0FE, #E8ACD5, #AB6D8B, #82485D, #6F323D)
• Tempered Driftwood color palette (#F5F4FC, #E1D7E0, #B9AAA5, #827D9E, #525159)
• Weathered Violet color palette (#F4F4FF, #9E6BBE, #95514A, #255569, #2D333F)
• Patina Pier color palette (#F9F2FD, #D378A2, #9F351A, #842558, #23121E)

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