Twinkle Night

Looking for a muted palette? This one pairs Twinkle Night (#656eaa), Victoria (#5b4a84), and Petal Plush (#daafeb) for a calm result.

mutedcalm
Visualize
:root {
  --color-1: #656eaa;
  --color-2: #9491d1;
  --color-3: #5b4a84;
  --color-4: #c6a8e8;
  --color-5: #daafeb;
}

.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.

Similar palettes

Rokushō Green58
Caramelised Pecan3
Mint Tonic7
Galaxy Dust104
Cowgirl Boots40
Pico Void24
Eucalyptus Wreath41
Apple Cinnamon22

Twinkle Night FAQ

What colors are in Twinkle Night?

Twinkle Night uses 5 colors: Twinkle Night, Bluebell Frost, Victoria, Lavender Cream, Petal Plush.

Is Twinkle Night accessible for text and backgrounds?

The highest-contrast pair in this palette is Victoria on Petal Plush, at 4.1:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Twinkle Night in a project?

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