Lindworm Green to Neon Boneyard color palette

282800Lindworm Green 294776Pretty Twilight Night 8459A3Vicious Violet 5D8BB6Kimono C4BC78Savannah Grass DFC5FFNeon Boneyard

Open in generator Export PNG, PDF, ASE…

About this palette

Lindworm Green to Neon Boneyard is a 6-color cool palette: #282800 (Lindworm Green), #294776 (Pretty Twilight Night), #8459A3 (Vicious Violet), #5D8BB6 (Kimono), #C4BC78 (Savannah Grass), #DFC5FF (Neon Boneyard). It mixes brown, blue, purple, yellow tones and feels cool overall. The strongest text pairing is #282800 on #DFC5FF with a contrast ratio of 9.74:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(40, 40, 0)	hsl(60, 100%, 8%)
Pretty Twilight Night	rgb(41, 71, 118)	hsl(217, 48%, 31%)
Vicious Violet	rgb(132, 89, 163)	hsl(275, 29%, 49%)
Kimono	rgb(93, 139, 182)	hsl(209, 38%, 54%)
Savannah Grass	rgb(196, 188, 120)	hsl(54, 39%, 62%)
Neon Boneyard	rgb(223, 197, 255)	hsl(267, 100%, 89%)

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.

Aa9.74:1 Very good#282800 on #DFC5FF
Aa9.74:1 Very good#DFC5FF on #282800
Aa7.76:1 Very good#282800 on #C4BC78
Aa7.76:1 Very good#C4BC78 on #282800
Aa6.01:1 Good#294776 on #DFC5FF
Aa6.01:1 Good#DFC5FF on #294776
Aa4.79:1 Good#294776 on #C4BC78
Aa4.79:1 Good#C4BC78 on #294776

Color blindness preview

CSS variables

/* Lindworm Green to Neon Boneyard — https://swatchly.xyz/palette/282800-294776-8459a3-5d8bb6-c4bc78-dfc5ff */
:root {
  --lindworm-green: #282800;
  --pretty-twilight-night: #294776;
  --vicious-violet: #8459a3;
  --kimono: #5d8bb6;
  --savannah-grass: #c4bc78;
  --neon-boneyard: #dfc5ff;
}

Tailwind CSS v4

/* Lindworm Green to Neon Boneyard — https://swatchly.xyz/palette/282800-294776-8459a3-5d8bb6-c4bc78-dfc5ff */
@theme {
  --color-lindworm-green: #282800;
  --color-lindworm-green-50: #f6f7df;
  --color-lindworm-green-100: #eceed2;
  --color-lindworm-green-200: #d9daba;
  --color-lindworm-green-300: #c2c49f;
  --color-lindworm-green-400: #a3a57c;
  --color-lindworm-green-500: #898b62;
  --color-lindworm-green-600: #70724a;
  --color-lindworm-green-700: #5b5c37;
  --color-lindworm-green-800: #494a29;
  --color-lindworm-green-900: #3a3b1e;
  --color-lindworm-green-950: #282800;
  --color-pretty-twilight-night: #294776;
  --color-pretty-twilight-night-50: #eff6ff;
  --color-pretty-twilight-night-100: #e0ecff;
  --color-pretty-twilight-night-200: #c1d9ff;
  --color-pretty-twilight-night-300: #a5c4f3;
  --color-pretty-twilight-night-400: #84a5d8;
  --color-pretty-twilight-night-500: #698abe;
  --color-pretty-twilight-night-600: #5070a2;
  --color-pretty-twilight-night-700: #3d5a88;
  --color-pretty-twilight-night-800: #294776;
  --color-pretty-twilight-night-900: #213759;
  --color-pretty-twilight-night-950: #12223b;
  --color-vicious-violet: #8459a3;
  --color-vicious-violet-50: #f9f2ff;
  --color-vicious-violet-100: #f3e5ff;
  --color-vicious-violet-200: #e8cbff;
  --color-vicious-violet-300: #d7b0f5;
  --color-vicious-violet-400: #b98fda;
  --color-vicious-violet-500: #9f73bf;
  --color-vicious-violet-600: #8459a3;
  --color-vicious-violet-700: #6b4386;
  --color-vicious-violet-800: #55326d;
  --color-vicious-violet-900: #422456;
  --color-vicious-violet-950: #2a1539;
  --color-kimono: #5d8bb6;
  --color-kimono-50: #eef6ff;
  --color-kimono-100: #dceeff;
  --color-kimono-200: #b8dcff;
  --color-kimono-300: #9dc6ed;
  --color-kimono-400: #7aa7d1;
  --color-kimono-500: #5d8bb6;
  --color-kimono-600: #447099;
  --color-kimono-700: #30597e;
  --color-kimono-800: #214565;
  --color-kimono-900: #163550;
  --color-kimono-950: #0a2134;
  --color-savannah-grass: #c4bc78;
  --color-savannah-grass-50: #f7f3cc;
  --color-savannah-grass-100: #ede8bc;
  --color-savannah-grass-200: #d9d39f;
  --color-savannah-grass-300: #c4bc78;
  --color-savannah-grass-400: #a69e5d;
  --color-savannah-grass-500: #8c8441;
  --color-savannah-grass-600: #726a28;
  --color-savannah-grass-700: #5c5416;
  --color-savannah-grass-800: #494208;
  --color-savannah-grass-900: #393402;
  --color-savannah-grass-950: #242000;
  --color-neon-boneyard: #dfc5ff;
  --color-neon-boneyard-50: #f5eeff;
  --color-neon-boneyard-100: #ede0ff;
  --color-neon-boneyard-200: #dfc5ff;
  --color-neon-boneyard-300: #c7b1e3;
  --color-neon-boneyard-400: #aa92c7;
  --color-neon-boneyard-500: #8f77ac;
  --color-neon-boneyard-600: #755e90;
  --color-neon-boneyard-700: #5f4977;
  --color-neon-boneyard-800: #4b3860;
  --color-neon-boneyard-900: #3a2a4c;
  --color-neon-boneyard-950: #251931;
}