Blackn’t to Sea of Galilee color palette

001003Blackn’t 001B20Black Stallion 0C313AElite Teal 154E34Zucchini 245257Sunken Mystery 426598Sea of Galilee

Open in generator Export PNG, PDF, ASE…

About this palette

Blackn’t to Sea of Galilee is a 6-color dark, cool, gradient palette: #001003 (Blackn’t), #001B20 (Black Stallion), #0C313A (Elite Teal), #154E34 (Zucchini), #245257 (Sunken Mystery), #426598 (Sea of Galilee). It mixes black, turquoise, blue, green tones and feels cool overall. The strongest text pairing is #001003 on #426598 with a contrast ratio of 3.30:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackn’t	rgb(0, 16, 3)	hsl(131, 100%, 3%)
Black Stallion	rgb(0, 27, 32)	hsl(189, 100%, 6%)
Elite Teal	rgb(12, 49, 58)	hsl(192, 66%, 14%)
Zucchini	rgb(21, 78, 52)	hsl(153, 58%, 19%)
Sunken Mystery	rgb(36, 82, 87)	hsl(186, 41%, 24%)
Sea of Galilee	rgb(66, 101, 152)	hsl(216, 39%, 43%)

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.30:1 Poor#001003 on #426598
Aa3.30:1 Poor#426598 on #001003
Aa3.01:1 Poor#001B20 on #426598
Aa3.01:1 Poor#426598 on #001B20

Color blindness preview

CSS variables

/* Blackn’t to Sea of Galilee — https://swatchly.xyz/palette/001003-001b20-0c313a-154e34-245257-426598 */
:root {
  --blackn-t: #001003;
  --black-stallion: #001b20;
  --elite-teal: #0c313a;
  --zucchini: #154e34;
  --sunken-mystery: #245257;
  --sea-of-galilee: #426598;
}

Tailwind CSS v4

/* Blackn’t to Sea of Galilee — https://swatchly.xyz/palette/001003-001b20-0c313a-154e34-245257-426598 */
@theme {
  --color-blackn-t: #001003;
  --color-blackn-t-50: #ebfaed;
  --color-blackn-t-100: #e0f0e2;
  --color-blackn-t-200: #cadecd;
  --color-blackn-t-300: #b1c8b5;
  --color-blackn-t-400: #91a994;
  --color-blackn-t-500: #718974;
  --color-blackn-t-600: #536a57;
  --color-blackn-t-700: #3b4f3e;
  --color-blackn-t-800: #28382a;
  --color-blackn-t-900: #18241a;
  --color-blackn-t-950: #001003;
  --color-black-stallion: #001b20;
  --color-black-stallion-50: #e7f9fd;
  --color-black-stallion-100: #dbeff4;
  --color-black-stallion-200: #c5dde1;
  --color-black-stallion-300: #acc7cc;
  --color-black-stallion-400: #8aa8ae;
  --color-black-stallion-500: #6c8a91;
  --color-black-stallion-600: #516e74;
  --color-black-stallion-700: #3c555a;
  --color-black-stallion-800: #2a4045;
  --color-black-stallion-900: #1d2f32;
  --color-black-stallion-950: #001b20;
  --color-elite-teal: #0c313a;
  --color-elite-teal-50: #e5f9ff;
  --color-elite-teal-100: #d8f0f7;
  --color-elite-teal-200: #c1dde6;
  --color-elite-teal-300: #a7c7d1;
  --color-elite-teal-400: #83a7b1;
  --color-elite-teal-500: #658a95;
  --color-elite-teal-600: #4b6e78;
  --color-elite-teal-700: #36565e;
  --color-elite-teal-800: #264148;
  --color-elite-teal-900: #0c313a;
  --color-elite-teal-950: #0d1c21;
  --color-zucchini: #154e34;
  --color-zucchini-50: #dffeec;
  --color-zucchini-100: #d2f5e1;
  --color-zucchini-200: #b9e3cb;
  --color-zucchini-300: #9eceb3;
  --color-zucchini-400: #7aaf92;
  --color-zucchini-500: #5d9476;
  --color-zucchini-600: #44795d;
  --color-zucchini-700: #306148;
  --color-zucchini-800: #154e34;
  --color-zucchini-900: #153b29;
  --color-zucchini-950: #0a2518;
  --color-sunken-mystery: #245257;
  --color-sunken-mystery-50: #e1fbfe;
  --color-sunken-mystery-100: #d4f2f5;
  --color-sunken-mystery-200: #bcdfe3;
  --color-sunken-mystery-300: #a3cbd0;
  --color-sunken-mystery-400: #81aeb3;
  --color-sunken-mystery-500: #659499;
  --color-sunken-mystery-600: #4d7a7f;
  --color-sunken-mystery-700: #396469;
  --color-sunken-mystery-800: #245257;
  --color-sunken-mystery-900: #1d3f43;
  --color-sunken-mystery-950: #0f282b;
  --color-sea-of-galilee: #426598;
  --color-sea-of-galilee-50: #eff6ff;
  --color-sea-of-galilee-100: #ddebff;
  --color-sea-of-galilee-200: #bbd7ff;
  --color-sea-of-galilee-300: #9dbff0;
  --color-sea-of-galilee-400: #799ed3;
  --color-sea-of-galilee-500: #5d81b6;
  --color-sea-of-galilee-600: #426598;
  --color-sea-of-galilee-700: #31507c;
  --color-sea-of-galilee-800: #243e64;
  --color-sea-of-galilee-900: #193050;
  --color-sea-of-galilee-950: #0d1d34;
}