Corrosive Green to French Blue color palette

71D500Corrosive Green A2B100Citrus FF9186Coralistic EF0068Borderline Pink BA8600Arrowwood 0073B7French Blue

Open in generator Export PNG, PDF, ASE…

About this palette

Corrosive Green to French Blue is a 6-color vibrant, neon palette: #71D500 (Corrosive Green), #A2B100 (Citrus), #FF9186 (Coralistic), #EF0068 (Borderline Pink), #BA8600 (Arrowwood), #0073B7 (French Blue). It mixes green, red, pink, yellow, blue tones and feels balanced overall. The strongest text pairing is #71D500 on #0073B7 with a contrast ratio of 2.71:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Corrosive Green	rgb(113, 213, 0)	hsl(88, 100%, 42%)
Citrus	rgb(162, 177, 0)	hsl(65, 100%, 35%)
Coralistic	rgb(255, 145, 134)	hsl(5, 100%, 76%)
Borderline Pink	rgb(239, 0, 104)	hsl(334, 100%, 47%)
Arrowwood	rgb(186, 134, 0)	hsl(43, 100%, 36%)
French Blue	rgb(0, 115, 183)	hsl(202, 100%, 36%)

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

/* Corrosive Green to French Blue — https://swatchly.xyz/palette/71d500-a2b100-ff9186-ef0068-ba8600-0073b7 */
:root {
  --corrosive-green: #71d500;
  --citrus: #a2b100;
  --coralistic: #ff9186;
  --borderline-pink: #ef0068;
  --arrowwood: #ba8600;
  --french-blue: #0073b7;
}

Tailwind CSS v4

/* Corrosive Green to French Blue — https://swatchly.xyz/palette/71d500-a2b100-ff9186-ef0068-ba8600-0073b7 */
@theme {
  --color-corrosive-green: #71d500;
  --color-corrosive-green-50: #d6ffc0;
  --color-corrosive-green-100: #b9fb93;
  --color-corrosive-green-200: #9be96a;
  --color-corrosive-green-300: #71d500;
  --color-corrosive-green-400: #5eb300;
  --color-corrosive-green-500: #4d9600;
  --color-corrosive-green-600: #3e7900;
  --color-corrosive-green-700: #306100;
  --color-corrosive-green-800: #254d00;
  --color-corrosive-green-900: #1c3c00;
  --color-corrosive-green-950: #0f2600;
  --color-citrus: #a2b100;
  --color-citrus-50: #f3ffba;
  --color-citrus-100: #eaf6a9;
  --color-citrus-200: #d7e486;
  --color-citrus-300: #c1cf5f;
  --color-citrus-400: #a2b100;
  --color-citrus-500: #869300;
  --color-citrus-600: #6c7600;
  --color-citrus-700: #555d00;
  --color-citrus-800: #424900;
  --color-citrus-900: #323700;
  --color-citrus-950: #1e2200;
  --color-coralistic: #ff9186;
  --color-coralistic-50: #ffe9e6;
  --color-coralistic-100: #ffd8d3;
  --color-coralistic-200: #ffb9b0;
  --color-coralistic-300: #ff9186;
  --color-coralistic-400: #dd756b;
  --color-coralistic-500: #c25a52;
  --color-coralistic-600: #a4423c;
  --color-coralistic-700: #89302b;
  --color-coralistic-800: #70221e;
  --color-coralistic-900: #5b1715;
  --color-coralistic-950: #3c0b09;
  --color-borderline-pink: #ef0068;
  --color-borderline-pink-50: #fff0f2;
  --color-borderline-pink-100: #ffe2e6;
  --color-borderline-pink-200: #ffc4cd;
  --color-borderline-pink-300: #ff9fb1;
  --color-borderline-pink-400: #ff5d88;
  --color-borderline-pink-500: #ef0068;
  --color-borderline-pink-600: #c20053;
  --color-borderline-pink-700: #9c0041;
  --color-borderline-pink-800: #7c0032;
  --color-borderline-pink-900: #620026;
  --color-borderline-pink-950: #400016;
  --color-arrowwood: #ba8600;
  --color-arrowwood-50: #fff6e6;
  --color-arrowwood-100: #ffedcd;
  --color-arrowwood-200: #fed793;
  --color-arrowwood-300: #edc171;
  --color-arrowwood-400: #d3a140;
  --color-arrowwood-500: #ba8600;
  --color-arrowwood-600: #966b00;
  --color-arrowwood-700: #775500;
  --color-arrowwood-800: #5d4100;
  --color-arrowwood-900: #483100;
  --color-arrowwood-950: #2d1d00;
  --color-french-blue: #0073b7;
  --color-french-blue-50: #edf6ff;
  --color-french-blue-100: #dceeff;
  --color-french-blue-200: #b7ddff;
  --color-french-blue-300: #8ac9ff;
  --color-french-blue-400: #55aaef;
  --color-french-blue-500: #318ed4;
  --color-french-blue-600: #0073b7;
  --color-french-blue-700: #005b93;
  --color-french-blue-800: #004774;
  --color-french-blue-900: #00365b;
  --color-french-blue-950: #00223b;
}