Jedi Night to Still Waters Run Deep Color Palette

About this palette

Jedi Night to Still Waters Run Deep is a 4-color dark, gradient palette: #001411 (Jedi Night), #002B1E (Pitch-Black Forests), #224069 (Nightlife), #455F64 (Still Waters Run Deep). It mixes black, turquoise, blue, gray tones and feels cool overall. The strongest text pairing is #001411 on #455F64 with a contrast ratio of 2.77:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Jedi Night	rgb(0, 20, 17)	hsl(171, 100%, 4%)
Pitch-Black Forests	rgb(0, 43, 30)	hsl(162, 100%, 8%)
Nightlife	rgb(34, 64, 105)	hsl(215, 51%, 27%)
Still Waters Run Deep	rgb(69, 95, 100)	hsl(190, 18%, 33%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Color blindness preview

CSS variables

/* Jedi Night to Still Waters Run Deep — https://swatchly.xyz/palette/001411-002b1e-224069-455f64 */
:root {
  --jedi-night: #001411;
  --pitch-black-forests: #002b1e;
  --nightlife: #224069;
  --still-waters-run-deep: #455f64;
}

Tailwind CSS v4

/* Jedi Night to Still Waters Run Deep — https://swatchly.xyz/palette/001411-002b1e-224069-455f64 */
@theme {
  --color-jedi-night: #001411;
  --color-jedi-night-50: #eaf9f6;
  --color-jedi-night-100: #def0ec;
  --color-jedi-night-200: #c8ddd9;
  --color-jedi-night-300: #afc7c2;
  --color-jedi-night-400: #8ea8a3;
  --color-jedi-night-500: #6f8984;
  --color-jedi-night-600: #536b67;
  --color-jedi-night-700: #3c514d;
  --color-jedi-night-800: #293b38;
  --color-jedi-night-900: #1a2826;
  --color-jedi-night-950: #001411;
  --color-pitch-black-forests: #002b1e;
  --color-pitch-black-forests-50: #e4fcf1;
  --color-pitch-black-forests-100: #d8f3e7;
  --color-pitch-black-forests-200: #c0e0d2;
  --color-pitch-black-forests-300: #a6cbbb;
  --color-pitch-black-forests-400: #84ac9b;
  --color-pitch-black-forests-500: #689181;
  --color-pitch-black-forests-600: #4f7767;
  --color-pitch-black-forests-700: #3c6152;
  --color-pitch-black-forests-800: #2c4d40;
  --color-pitch-black-forests-900: #203d32;
  --color-pitch-black-forests-950: #002b1e;
  --color-nightlife: #224069;
  --color-nightlife-50: #eff6ff;
  --color-nightlife-100: #dfecff;
  --color-nightlife-200: #bfdaff;
  --color-nightlife-300: #a4c3ed;
  --color-nightlife-400: #82a3d0;
  --color-nightlife-500: #6586b4;
  --color-nightlife-600: #4c6b97;
  --color-nightlife-700: #38547b;
  --color-nightlife-800: #224069;
  --color-nightlife-900: #1d314e;
  --color-nightlife-950: #0f1e32;
  --color-still-waters-run-deep: #455f64;
  --color-still-waters-run-deep-50: #e8f9fc;
  --color-still-waters-run-deep-100: #ddeff3;
  --color-still-waters-run-deep-200: #c8dde1;
  --color-still-waters-run-deep-300: #b0c8cd;
  --color-still-waters-run-deep-400: #8faaaf;
  --color-still-waters-run-deep-500: #748f94;
  --color-still-waters-run-deep-600: #5b757a;
  --color-still-waters-run-deep-700: #455f64;
  --color-still-waters-run-deep-800: #354a4e;
  --color-still-waters-run-deep-900: #27393d;
  --color-still-waters-run-deep-950: #162426;
}