Black Knight to Sea of Galilee color palette

001117Black Knight 20033CYour Darkness 2E2352Pāua 183751Sea of Stars 524A71Haunted Candelabra 4A628DSea of Galilee

Open in generator Export PNG, PDF, ASE…

About this palette

Black Knight to Sea of Galilee is a 6-color dark, cool, gradient palette: #001117 (Black Knight), #20033C (Your Darkness), #2E2352 (Pāua), #183751 (Sea of Stars), #524A71 (Haunted Candelabra), #4A628D (Sea of Galilee). It mixes black, purple, blue tones and feels cool overall. The strongest text pairing is #001117 on #4A628D with a contrast ratio of 3.13:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Knight	rgb(0, 17, 23)	hsl(196, 100%, 5%)
Your Darkness	rgb(32, 3, 60)	hsl(271, 90%, 12%)
Pāua	rgb(46, 35, 82)	hsl(254, 40%, 23%)
Sea of Stars	rgb(24, 55, 81)	hsl(207, 54%, 21%)
Haunted Candelabra	rgb(82, 74, 113)	hsl(252, 21%, 37%)
Sea of Galilee	rgb(74, 98, 141)	hsl(219, 31%, 42%)

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.13:1 Poor#001117 on #4A628D
Aa3.13:1 Poor#4A628D on #001117
Aa3.00:1 Poor#20033C on #4A628D
Aa3.00:1 Poor#4A628D on #20033C

Color blindness preview

CSS variables

/* Black Knight to Sea of Galilee — https://swatchly.xyz/palette/001117-20033c-2e2352-183751-524a71-4a628d */
:root {
  --black-knight: #001117;
  --your-darkness: #20033c;
  --p-ua: #2e2352;
  --sea-of-stars: #183751;
  --haunted-candelabra: #524a71;
  --sea-of-galilee: #4a628d;
}

Tailwind CSS v4

/* Black Knight to Sea of Galilee — https://swatchly.xyz/palette/001117-20033c-2e2352-183751-524a71-4a628d */
@theme {
  --color-black-knight: #001117;
  --color-black-knight-50: #eaf8fd;
  --color-black-knight-100: #deeef4;
  --color-black-knight-200: #c8dbe2;
  --color-black-knight-300: #b0c5cc;
  --color-black-knight-400: #8fa6ae;
  --color-black-knight-500: #6f878f;
  --color-black-knight-600: #536970;
  --color-black-knight-700: #3b4f55;
  --color-black-knight-800: #28383d;
  --color-black-knight-900: #192529;
  --color-black-knight-950: #001117;
  --color-your-darkness: #20033c;
  --color-your-darkness-50: #f7f3ff;
  --color-your-darkness-100: #efe6ff;
  --color-your-darkness-200: #dfceff;
  --color-your-darkness-300: #cab5f0;
  --color-your-darkness-400: #ac93d4;
  --color-your-darkness-500: #8f76b7;
  --color-your-darkness-600: #725a98;
  --color-your-darkness-700: #59437a;
  --color-your-darkness-800: #44315f;
  --color-your-darkness-900: #312248;
  --color-your-darkness-950: #20033c;
  --color-p-ua: #2e2352;
  --color-p-ua-50: #f5f4ff;
  --color-p-ua-100: #ebe8ff;
  --color-p-ua-200: #d7d1fe;
  --color-p-ua-300: #c1b9ec;
  --color-p-ua-400: #a098ce;
  --color-p-ua-500: #847bb2;
  --color-p-ua-600: #696093;
  --color-p-ua-700: #514977;
  --color-p-ua-800: #3d365d;
  --color-p-ua-900: #2e2352;
  --color-p-ua-950: #1b162d;
  --color-sea-of-stars: #183751;
  --color-sea-of-stars-50: #edf6ff;
  --color-sea-of-stars-100: #dbeeff;
  --color-sea-of-stars-200: #c1dbf3;
  --color-sea-of-stars-300: #a7c5e0;
  --color-sea-of-stars-400: #85a6c4;
  --color-sea-of-stars-500: #6a8ba9;
  --color-sea-of-stars-600: #50708d;
  --color-sea-of-stars-700: #3c5a74;
  --color-sea-of-stars-800: #2d465d;
  --color-sea-of-stars-900: #183751;
  --color-sea-of-stars-950: #122230;
  --color-haunted-candelabra: #524a71;
  --color-haunted-candelabra-50: #f5f3ff;
  --color-haunted-candelabra-100: #ebe8ff;
  --color-haunted-candelabra-200: #d7d1f4;
  --color-haunted-candelabra-300: #c0b9e0;
  --color-haunted-candelabra-400: #a098c3;
  --color-haunted-candelabra-500: #847ca6;
  --color-haunted-candelabra-600: #696189;
  --color-haunted-candelabra-700: #524a71;
  --color-haunted-candelabra-800: #403958;
  --color-haunted-candelabra-900: #312c45;
  --color-haunted-candelabra-950: #1e1a2d;
  --color-sea-of-galilee: #4a628d;
  --color-sea-of-galilee-50: #f0f5ff;
  --color-sea-of-galilee-100: #deeaff;
  --color-sea-of-galilee-200: #bfd5fa;
  --color-sea-of-galilee-300: #a4bce7;
  --color-sea-of-galilee-400: #819bc8;
  --color-sea-of-galilee-500: #657eab;
  --color-sea-of-galilee-600: #4a628d;
  --color-sea-of-galilee-700: #394d72;
  --color-sea-of-galilee-800: #2a3c5c;
  --color-sea-of-galilee-900: #1f2e49;
  --color-sea-of-galilee-950: #121c30;
}