Liquid Denim

A vibrant 5-color palette built around Liquid Denim (#313e9a), Night in the Woods (#433500), and Punch Out Glove (#768df1), with a dark feel throughout.

vibrantdark
Visualize
:root {
  --color-1: #313e9a;
  --color-2: #c36ab8;
  --color-3: #433500;
  --color-4: #004e24;
  --color-5: #768df1;
}

.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

spage0
Eucalyptus Wreath41
High Tea19
Little Boy Blue22
Indigo Hamlet4
Blithe112
Mint Tonic7
Atlantic Gull15

Liquid Denim FAQ

What colors are in Liquid Denim?

Liquid Denim uses 5 colors: Liquid Denim, Gulābī Pink, Night in the Woods, Lemon Balm Green, Punch Out Glove.

Is Liquid Denim accessible for text and backgrounds?

The highest-contrast pair in this palette is Night in the Woods on Punch Out Glove, at 3.9:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Liquid Denim in a project?

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