Lavender Tonic

Lavender Tonic (#c7bcff), Pale Purple (#b78ed0), and Girl Power (#d798cd) come together in this mothers-day palette, well suited to soft designs.

mothers-daysoft
Visualize
:root {
  --color-1: #c7bcff;
  --color-2: #d7beff;
  --color-3: #b78ed0;
  --color-4: #fad9ff;
  --color-5: #d798cd;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Lavender Tonic FAQ

What colors are in Lavender Tonic?

Lavender Tonic uses 5 colors: Lavender Tonic, Lavender Fragrance, Pale Purple, Sugarpills, Girl Power.

Is Lavender Tonic accessible for text and backgrounds?

The highest-contrast pair in this palette is Pale Purple on Sugarpills, at 2.1:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Lavender Tonic in a project?

Copy the hex codes above, or open Lavender Tonic in the generator to remix it and export as CSS, Tailwind, or JSON.