Black Knight to Coffee Adept color palette

000E10Black Knight 00241CNightmare 003431Elite Teal 27412BEverglade 27631CWoodland Wonder 774D00Coffee Adept

Open in generator Export PNG, PDF, ASE…

About this palette

Black Knight to Coffee Adept is a 6-color dark, cool, gradient palette: #000E10 (Black Knight), #00241C (Nightmare), #003431 (Elite Teal), #27412B (Everglade), #27631C (Woodland Wonder), #774D00 (Coffee Adept). It mixes black, turquoise, green, brown tones and feels cool overall. The strongest text pairing is #000E10 on #27631C with a contrast ratio of 2.70:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Knight	rgb(0, 14, 16)	hsl(188, 100%, 3%)
Nightmare	rgb(0, 36, 28)	hsl(167, 100%, 7%)
Elite Teal	rgb(0, 52, 49)	hsl(177, 100%, 10%)
Everglade	rgb(39, 65, 43)	hsl(129, 25%, 20%)
Woodland Wonder	rgb(39, 99, 28)	hsl(111, 56%, 25%)
Coffee Adept	rgb(119, 77, 0)	hsl(39, 100%, 23%)

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

/* Black Knight to Coffee Adept — https://swatchly.xyz/palette/000e10-00241c-003431-27412b-27631c-774d00 */
:root {
  --black-knight: #000e10;
  --nightmare: #00241c;
  --elite-teal: #003431;
  --everglade: #27412b;
  --woodland-wonder: #27631c;
  --coffee-adept: #774d00;
}

Tailwind CSS v4

/* Black Knight to Coffee Adept — https://swatchly.xyz/palette/000e10-00241c-003431-27412b-27631c-774d00 */
@theme {
  --color-black-knight: #000e10;
  --color-black-knight-50: #ebf8f9;
  --color-black-knight-100: #e0eef0;
  --color-black-knight-200: #cadbdd;
  --color-black-knight-300: #b2c5c7;
  --color-black-knight-400: #91a6a9;
  --color-black-knight-500: #718689;
  --color-black-knight-600: #53686a;
  --color-black-knight-700: #3b4d4f;
  --color-black-knight-800: #283637;
  --color-black-knight-900: #182224;
  --color-black-knight-950: #000e10;
  --color-nightmare: #00241c;
  --color-nightmare-50: #e5fbf4;
  --color-nightmare-100: #daf2ea;
  --color-nightmare-200: #c2dfd6;
  --color-nightmare-300: #a9c9bf;
  --color-nightmare-400: #87aba0;
  --color-nightmare-500: #6a8f84;
  --color-nightmare-600: #507469;
  --color-nightmare-700: #3c5c53;
  --color-nightmare-800: #2c4840;
  --color-nightmare-900: #1f3730;
  --color-nightmare-950: #00241c;
  --color-elite-teal: #003431;
  --color-elite-teal-50: #e1fcf9;
  --color-elite-teal-100: #d5f2ef;
  --color-elite-teal-200: #bce0dc;
  --color-elite-teal-300: #a2cac6;
  --color-elite-teal-400: #7daaa6;
  --color-elite-teal-500: #5f8e89;
  --color-elite-teal-600: #45716d;
  --color-elite-teal-700: #305955;
  --color-elite-teal-800: #214341;
  --color-elite-teal-900: #003431;
  --color-elite-teal-950: #0a1e1c;
  --color-everglade: #27412b;
  --color-everglade-50: #e9fbeb;
  --color-everglade-100: #def1e0;
  --color-everglade-200: #c8dfca;
  --color-everglade-300: #afc9b2;
  --color-everglade-400: #8fac93;
  --color-everglade-500: #759278;
  --color-everglade-600: #5c7860;
  --color-everglade-700: #48624c;
  --color-everglade-800: #384f3b;
  --color-everglade-900: #27412b;
  --color-everglade-950: #1a291c;
  --color-woodland-wonder: #27631c;
  --color-woodland-wonder-50: #e2ffdd;
  --color-woodland-wonder-100: #d1f8c9;
  --color-woodland-wonder-200: #b7e6af;
  --color-woodland-wonder-300: #9bd192;
  --color-woodland-wonder-400: #77b36d;
  --color-woodland-wonder-500: #5a974f;
  --color-woodland-wonder-600: #407b36;
  --color-woodland-wonder-700: #27631c;
  --color-woodland-wonder-800: #1e4d15;
  --color-woodland-wonder-900: #133c0c;
  --color-woodland-wonder-950: #082604;
  --color-coffee-adept: #774d00;
  --color-coffee-adept-50: #fff3e5;
  --color-coffee-adept-100: #ffe7c9;
  --color-coffee-adept-200: #f5d1a4;
  --color-coffee-adept-300: #e2ba86;
  --color-coffee-adept-400: #c6995f;
  --color-coffee-adept-500: #ab7e40;
  --color-coffee-adept-600: #8f6425;
  --color-coffee-adept-700: #774d00;
  --color-coffee-adept-800: #5e3c00;
  --color-coffee-adept-900: #492d00;
  --color-coffee-adept-950: #2f1b00;
}