Lindworm Green to Droplet Color Palette

About this palette

Lindworm Green to Droplet is a 5-color warm palette: #262500 (Lindworm Green), #7C8100 (Olive), #DA6FAC (Super Pink), #800A4F (Velvet), #A6D9FF (Droplet). It mixes brown, green, pink, red, blue tones and feels warm overall. The strongest text pairing is #262500 on #A6D9FF with a contrast ratio of 10.39:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(38, 37, 0)	hsl(58, 100%, 7%)
Olive	rgb(124, 129, 0)	hsl(62, 100%, 25%)
Super Pink	rgb(218, 111, 172)	hsl(326, 59%, 65%)
Velvet	rgb(128, 10, 79)	hsl(325, 86%, 27%)
Droplet	rgb(166, 217, 255)	hsl(206, 100%, 83%)

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.

Aa10.39:1 Very good#262500 on #A6D9FF
Aa10.39:1 Very good#A6D9FF on #262500
Aa6.75:1 Good#800A4F on #A6D9FF
Aa6.75:1 Good#A6D9FF on #800A4F
Aa5.09:1 Good#262500 on #DA6FAC
Aa5.09:1 Good#DA6FAC on #262500
Aa3.71:1 Poor#262500 on #7C8100
Aa3.71:1 Poor#7C8100 on #262500

Color blindness preview

CSS variables

/* Lindworm Green to Droplet — https://swatchly.xyz/palette/262500-7c8100-da6fac-800a4f-a6d9ff */
:root {
  --lindworm-green: #262500;
  --olive: #7c8100;
  --super-pink: #da6fac;
  --velvet: #800a4f;
  --droplet: #a6d9ff;
}

Tailwind CSS v4

/* Lindworm Green to Droplet — https://swatchly.xyz/palette/262500-7c8100-da6fac-800a4f-a6d9ff */
@theme {
  --color-lindworm-green: #262500;
  --color-lindworm-green-50: #f7f7e0;
  --color-lindworm-green-100: #ededd3;
  --color-lindworm-green-200: #d9dabb;
  --color-lindworm-green-300: #c3c4a1;
  --color-lindworm-green-400: #a4a57e;
  --color-lindworm-green-500: #8a8a63;
  --color-lindworm-green-600: #70704b;
  --color-lindworm-green-700: #5a5a37;
  --color-lindworm-green-800: #484729;
  --color-lindworm-green-900: #38381e;
  --color-lindworm-green-950: #262500;
  --color-olive: #7c8100;
  --color-olive-50: #f3f9c1;
  --color-olive-100: #e7edad;
  --color-olive-200: #d1d88a;
  --color-olive-300: #b9c066;
  --color-olive-400: #999f36;
  --color-olive-500: #7c8100;
  --color-olive-600: #646800;
  --color-olive-700: #4f5200;
  --color-olive-800: #3e4100;
  --color-olive-900: #303200;
  --color-olive-950: #1e2000;
  --color-super-pink: #da6fac;
  --color-super-pink-50: #ffecf5;
  --color-super-pink-100: #ffdbed;
  --color-super-pink-200: #ffbade;
  --color-super-pink-300: #f796cb;
  --color-super-pink-400: #da6fac;
  --color-super-pink-500: #bd5592;
  --color-super-pink-600: #9f3c77;
  --color-super-pink-700: #842961;
  --color-super-pink-800: #6b1b4d;
  --color-super-pink-900: #56113d;
  --color-super-pink-950: #3a0727;
  --color-velvet: #800a4f;
  --color-velvet-50: #fff1f6;
  --color-velvet-100: #ffe2ed;
  --color-velvet-200: #ffc4dc;
  --color-velvet-300: #ffa0c9;
  --color-velvet-400: #e978ac;
  --color-velvet-500: #ce5b92;
  --color-velvet-600: #af4078;
  --color-velvet-700: #932c61;
  --color-velvet-800: #800a4f;
  --color-velvet-900: #61103c;
  --color-velvet-950: #410526;
  --color-droplet: #a6d9ff;
  --color-droplet-50: #e5f4ff;
  --color-droplet-100: #d0ebff;
  --color-droplet-200: #a6d9ff;
  --color-droplet-300: #97c2e3;
  --color-droplet-400: #75a4c7;
  --color-droplet-500: #598aad;
  --color-droplet-600: #417091;
  --color-droplet-700: #2e5977;
  --color-droplet-800: #204661;
  --color-droplet-900: #15364c;
  --color-droplet-950: #092232;
}