Infectious Love to Satin Lime Color Palette

About this palette

Infectious Love to Satin Lime is a 4-color vibrant, cool, neon palette: #BF0070 (Infectious Love), #C246E2 (Bubblegum Baby Girl), #00BA68 (Green Mana), #3BEC00 (Satin Lime). It mixes red, purple, green tones and feels cool overall. The strongest text pairing is #BF0070 on #3BEC00 with a contrast ratio of 3.82:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Infectious Love	rgb(191, 0, 112)	hsl(325, 100%, 37%)
Bubblegum Baby Girl	rgb(194, 70, 226)	hsl(288, 73%, 58%)
Green Mana	rgb(0, 186, 104)	hsl(154, 100%, 36%)
Satin Lime	rgb(59, 236, 0)	hsl(105, 100%, 46%)

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.82:1 Poor#BF0070 on #3BEC00
Aa3.82:1 Poor#3BEC00 on #BF0070

Color blindness preview

CSS variables

/* Infectious Love to Satin Lime — https://swatchly.xyz/palette/bf0070-c246e2-00ba68-3bec00 */
:root {
  --infectious-love: #bf0070;
  --bubblegum-baby-girl: #c246e2;
  --green-mana: #00ba68;
  --satin-lime: #3bec00;
}

Tailwind CSS v4

/* Infectious Love to Satin Lime — https://swatchly.xyz/palette/bf0070-c246e2-00ba68-3bec00 */
@theme {
  --color-infectious-love: #bf0070;
  --color-infectious-love-50: #fff1f5;
  --color-infectious-love-100: #ffe2ec;
  --color-infectious-love-200: #ffc4d9;
  --color-infectious-love-300: #ff9ec4;
  --color-infectious-love-400: #fe5ca6;
  --color-infectious-love-500: #e0368b;
  --color-infectious-love-600: #bf0070;
  --color-infectious-love-700: #990059;
  --color-infectious-love-800: #790045;
  --color-infectious-love-900: #5f0035;
  --color-infectious-love-950: #3f0021;
  --color-bubblegum-baby-girl: #c246e2;
  --color-bubblegum-baby-girl-50: #fcf1ff;
  --color-bubblegum-baby-girl-100: #f9e4ff;
  --color-bubblegum-baby-girl-200: #f2c7ff;
  --color-bubblegum-baby-girl-300: #eba3ff;
  --color-bubblegum-baby-girl-400: #dd69fd;
  --color-bubblegum-baby-girl-500: #c246e2;
  --color-bubblegum-baby-girl-600: #a323c2;
  --color-bubblegum-baby-girl-700: #8600a2;
  --color-bubblegum-baby-girl-800: #6a0080;
  --color-bubblegum-baby-girl-900: #520064;
  --color-bubblegum-baby-girl-950: #350042;
  --color-green-mana: #00ba68;
  --color-green-mana-50: #d7ffe2;
  --color-green-mana-100: #acffc7;
  --color-green-mana-200: #88edac;
  --color-green-mana-300: #5fd88f;
  --color-green-mana-400: #00ba68;
  --color-green-mana-500: #009b56;
  --color-green-mana-600: #007d44;
  --color-green-mana-700: #006435;
  --color-green-mana-800: #004f29;
  --color-green-mana-900: #003d1e;
  --color-green-mana-950: #002711;
  --color-satin-lime: #3bec00;
  --color-satin-lime-50: #e8ffe4;
  --color-satin-lime-100: #cbffc2;
  --color-satin-lime-200: #8cfa7a;
  --color-satin-lime-300: #3bec00;
  --color-satin-lime-400: #30c600;
  --color-satin-lime-500: #26a500;
  --color-satin-lime-600: #1d8400;
  --color-satin-lime-700: #156900;
  --color-satin-lime-800: #0e5200;
  --color-satin-lime-900: #083f00;
  --color-satin-lime-950: #032800;
}