Super Rare Jade to Spring Bud Color Palette

About this palette

Super Rare Jade to Spring Bud is a 4-color vibrant, light, cool, neon palette: #00C0BA (Super Rare Jade), #B3B0FF (Purple Illusion), #00E48E (Shivering Green), #9DFB00 (Spring Bud). It mixes turquoise, purple, green tones and feels cool overall. The strongest text pairing is #00C0BA on #9DFB00 with a contrast ratio of 1.76:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Super Rare Jade	rgb(0, 192, 186)	hsl(178, 100%, 38%)
Purple Illusion	rgb(179, 176, 255)	hsl(242, 100%, 85%)
Shivering Green	rgb(0, 228, 142)	hsl(157, 100%, 45%)
Spring Bud	rgb(157, 251, 0)	hsl(82, 100%, 49%)

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

/* Super Rare Jade to Spring Bud — https://swatchly.xyz/palette/00c0ba-b3b0ff-00e48e-9dfb00 */
:root {
  --super-rare-jade: #00c0ba;
  --purple-illusion: #b3b0ff;
  --shivering-green: #00e48e;
  --spring-bud: #9dfb00;
}

Tailwind CSS v4

/* Super Rare Jade to Spring Bud — https://swatchly.xyz/palette/00c0ba-b3b0ff-00e48e-9dfb00 */
@theme {
  --color-super-rare-jade: #00c0ba;
  --color-super-rare-jade-50: #dffffc;
  --color-super-rare-jade-100: #b4fffa;
  --color-super-rare-jade-200: #91efea;
  --color-super-rare-jade-300: #6adcd6;
  --color-super-rare-jade-400: #00c0ba;
  --color-super-rare-jade-500: #00a09b;
  --color-super-rare-jade-600: #00807c;
  --color-super-rare-jade-700: #006662;
  --color-super-rare-jade-800: #004f4c;
  --color-super-rare-jade-900: #003c3a;
  --color-super-rare-jade-950: #002524;
  --color-purple-illusion: #b3b0ff;
  --color-purple-illusion-50: #f0f0ff;
  --color-purple-illusion-100: #e3e4ff;
  --color-purple-illusion-200: #cdccff;
  --color-purple-illusion-300: #b3b0ff;
  --color-purple-illusion-400: #9692dd;
  --color-purple-illusion-500: #7c77c2;
  --color-purple-illusion-600: #635ea4;
  --color-purple-illusion-700: #4f4989;
  --color-purple-illusion-800: #3e3870;
  --color-purple-illusion-900: #302b5b;
  --color-purple-illusion-950: #1d193c;
  --color-shivering-green: #00e48e;
  --color-shivering-green-50: #dcffe9;
  --color-shivering-green-100: #b5ffd2;
  --color-shivering-green-200: #7ef3b2;
  --color-shivering-green-300: #00e48e;
  --color-shivering-green-400: #00bf76;
  --color-shivering-green-500: #009f62;
  --color-shivering-green-600: #00804e;
  --color-shivering-green-700: #00663d;
  --color-shivering-green-800: #00502f;
  --color-shivering-green-900: #003e23;
  --color-shivering-green-950: #002714;
  --color-spring-bud: #9dfb00;
  --color-spring-bud-50: #eeffe1;
  --color-spring-bud-100: #d5ffb2;
  --color-spring-bud-200: #9dfb00;
  --color-spring-bud-300: #92df36;
  --color-spring-bud-400: #74bc00;
  --color-spring-bud-500: #609c00;
  --color-spring-bud-600: #4c7d00;
  --color-spring-bud-700: #3b6300;
  --color-spring-bud-800: #2d4d00;
  --color-spring-bud-900: #213b00;
  --color-spring-bud-950: #132500;
}