Mallow Harbor color palette — #F1F0FF · #D3A2E0 · #817787 · #54535F · #202128

Built around Lavender, softened by Slate — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D3A2E0): A luminous, balanced pink — the color of neon signs at night.
• Slate (#817787): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#54535F): a grounded near-black with real depth.
• Onyx (#202128): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Mallow Veranda color palette (#F5F3FF, #C99BD1, #575163, #2B2937, #0F0E16)
• Ancient Coral color palette (#EFDFEC, #EE8A83, #856572, #534451, #1B161E)
• Powdered Peony color palette (#EEE8F6, #F261C8, #8D5558, #483B58, #11101D)
• Mallow Pier color palette (#F4F4FF, #F2BFE9, #DF9BBC, #C07F8E, #5E435B)
• Stone Villa color palette (#F2F5FF, #E9D3E6, #CDB8CD, #86A2A6, #355054)
• Antique Lilac color palette (#FAE8EC, #A06BAF, #503230, #29191D, #100A0E)
• Worn Shell color palette (#FAF1FF, #F6B0C9, #82D0B5, #7AB0C7, #493D50)
• Peony Villa color palette (#F5E8FF, #E54099, #654960, #362A3D, #05030D)

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