Black Knight to Parsley Sprig Color Palette

About this palette

Black Knight to Parsley Sprig is a 5-color dark, cool, gradient palette: #000A09 (Black Knight), #002D29 (Swamp Thing), #242946 (Eternal Darkness), #004F77 (Sea Paint), #2D7152 (Parsley Sprig). It mixes black, turquoise, purple, blue, green tones and feels cool overall. The strongest text pairing is #000A09 on #2D7152 with a contrast ratio of 3.43:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Knight	rgb(0, 10, 9)	hsl(174, 100%, 2%)
Swamp Thing	rgb(0, 45, 41)	hsl(175, 100%, 9%)
Eternal Darkness	rgb(36, 41, 70)	hsl(231, 32%, 21%)
Sea Paint	rgb(0, 79, 119)	hsl(200, 100%, 23%)
Parsley Sprig	rgb(45, 113, 82)	hsl(153, 43%, 31%)

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.

Aa3.43:1 Poor#000A09 on #2D7152
Aa3.43:1 Poor#2D7152 on #000A09

Color blindness preview

CSS variables

/* Black Knight to Parsley Sprig — https://swatchly.xyz/palette/000a09-002d29-242946-004f77-2d7152 */
:root {
  --black-knight: #000a09;
  --swamp-thing: #002d29;
  --eternal-darkness: #242946;
  --sea-paint: #004f77;
  --parsley-sprig: #2d7152;
}

Tailwind CSS v4

/* Black Knight to Parsley Sprig — https://swatchly.xyz/palette/000a09-002d29-242946-004f77-2d7152 */
@theme {
  --color-black-knight: #000a09;
  --color-black-knight-50: #ecf8f7;
  --color-black-knight-100: #e1eeed;
  --color-black-knight-200: #ccdbda;
  --color-black-knight-300: #b4c5c3;
  --color-black-knight-400: #93a6a4;
  --color-black-knight-500: #728583;
  --color-black-knight-600: #546664;
  --color-black-knight-700: #3b4a48;
  --color-black-knight-800: #263231;
  --color-black-knight-900: #161f1e;
  --color-black-knight-950: #000a09;
  --color-swamp-thing: #002d29;
  --color-swamp-thing-50: #e3fbf7;
  --color-swamp-thing-100: #d7f2ee;
  --color-swamp-thing-200: #bfdfdb;
  --color-swamp-thing-300: #a5cac4;
  --color-swamp-thing-400: #82aba5;
  --color-swamp-thing-500: #67918b;
  --color-swamp-thing-600: #4f7772;
  --color-swamp-thing-700: #3b615c;
  --color-swamp-thing-800: #2c4e4a;
  --color-swamp-thing-900: #213f3b;
  --color-swamp-thing-950: #002d29;
  --color-eternal-darkness: #242946;
  --color-eternal-darkness-50: #f2f5ff;
  --color-eternal-darkness-100: #e5eaff;
  --color-eternal-darkness-200: #cfd6f2;
  --color-eternal-darkness-300: #b8bfdf;
  --color-eternal-darkness-400: #969ec1;
  --color-eternal-darkness-500: #7a81a4;
  --color-eternal-darkness-600: #5f6686;
  --color-eternal-darkness-700: #484e6b;
  --color-eternal-darkness-800: #353a53;
  --color-eternal-darkness-900: #242946;
  --color-eternal-darkness-950: #161926;
  --color-sea-paint: #004f77;
  --color-sea-paint-50: #ecf7ff;
  --color-sea-paint-100: #d9efff;
  --color-sea-paint-200: #b1deff;
  --color-sea-paint-300: #93caf1;
  --color-sea-paint-400: #6facd7;
  --color-sea-paint-500: #5192bd;
  --color-sea-paint-600: #3878a2;
  --color-sea-paint-700: #246288;
  --color-sea-paint-800: #004f77;
  --color-sea-paint-900: #083d5b;
  --color-sea-paint-950: #01273c;
  --color-parsley-sprig: #2d7152;
  --color-parsley-sprig-50: #dcffec;
  --color-parsley-sprig-100: #cbf5de;
  --color-parsley-sprig-200: #afe2c6;
  --color-parsley-sprig-300: #90cbac;
  --color-parsley-sprig-400: #6aab8a;
  --color-parsley-sprig-500: #4b8e6d;
  --color-parsley-sprig-600: #2d7152;
  --color-parsley-sprig-700: #1e5a40;
  --color-parsley-sprig-800: #114730;
  --color-parsley-sprig-900: #093824;
  --color-parsley-sprig-950: #032315;
}