Red Carpet to Corrosive Green Color Palette

About this palette

Red Carpet to Corrosive Green is a 5-color vibrant, warm, neon palette: #BD242B (Red Carpet), #F1006F (Ruby Fire), #EA44A3 (Major Magenta), #FF820F (Oriole), #3CDA00 (Corrosive Green). It mixes red, pink, orange, green tones and feels warm overall. The strongest text pairing is #BD242B on #3CDA00 with a contrast ratio of 3.25:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Red Carpet	rgb(189, 36, 43)	hsl(357, 68%, 44%)
Ruby Fire	rgb(241, 0, 111)	hsl(332, 100%, 47%)
Major Magenta	rgb(234, 68, 163)	hsl(326, 80%, 59%)
Oriole	rgb(255, 130, 15)	hsl(29, 100%, 53%)
Corrosive Green	rgb(60, 218, 0)	hsl(103, 100%, 43%)

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.25:1 Poor#BD242B on #3CDA00
Aa3.25:1 Poor#3CDA00 on #BD242B

Color blindness preview

CSS variables

/* Red Carpet to Corrosive Green — https://swatchly.xyz/palette/bd242b-f1006f-ea44a3-ff820f-3cda00 */
:root {
  --red-carpet: #bd242b;
  --ruby-fire: #f1006f;
  --major-magenta: #ea44a3;
  --oriole: #ff820f;
  --corrosive-green: #3cda00;
}

Tailwind CSS v4

/* Red Carpet to Corrosive Green — https://swatchly.xyz/palette/bd242b-f1006f-ea44a3-ff820f-3cda00 */
@theme {
  --color-red-carpet: #bd242b;
  --color-red-carpet-50: #fff2f0;
  --color-red-carpet-100: #ffe3e0;
  --color-red-carpet-200: #ffc6c1;
  --color-red-carpet-300: #ffa39b;
  --color-red-carpet-400: #fc6964;
  --color-red-carpet-500: #de4746;
  --color-red-carpet-600: #bd242b;
  --color-red-carpet-700: #9c0c1b;
  --color-red-carpet-800: #7e0010;
  --color-red-carpet-900: #63000a;
  --color-red-carpet-950: #410004;
  --color-ruby-fire: #f1006f;
  --color-ruby-fire-50: #fff1f3;
  --color-ruby-fire-100: #ffe2e7;
  --color-ruby-fire-200: #ffc5d0;
  --color-ruby-fire-300: #ffa0b5;
  --color-ruby-fire-400: #ff608e;
  --color-ruby-fire-500: #f1006f;
  --color-ruby-fire-600: #c40059;
  --color-ruby-fire-700: #9d0046;
  --color-ruby-fire-800: #7d0036;
  --color-ruby-fire-900: #620029;
  --color-ruby-fire-950: #400018;
  --color-major-magenta: #ea44a3;
  --color-major-magenta-50: #fff3f8;
  --color-major-magenta-100: #ffe7f2;
  --color-major-magenta-200: #ffcce3;
  --color-major-magenta-300: #ffaad2;
  --color-major-magenta-400: #ff6ebb;
  --color-major-magenta-500: #ea44a3;
  --color-major-magenta-600: #c71c86;
  --color-major-magenta-700: #a3006b;
  --color-major-magenta-800: #800053;
  --color-major-magenta-900: #640040;
  --color-major-magenta-950: #400027;
  --color-oriole: #ff820f;
  --color-oriole-50: #fff6f0;
  --color-oriole-100: #ffebdf;
  --color-oriole-200: #ffd3b7;
  --color-oriole-300: #ffb485;
  --color-oriole-400: #ff820f;
  --color-oriole-500: #d66a00;
  --color-oriole-600: #ad5500;
  --color-oriole-700: #8a4200;
  --color-oriole-800: #6c3200;
  --color-oriole-900: #532500;
  --color-oriole-950: #351500;
  --color-corrosive-green: #3cda00;
  --color-corrosive-green-50: #d0ffc7;
  --color-corrosive-green-100: #a3ff92;
  --color-corrosive-green-200: #7eed69;
  --color-corrosive-green-300: #3cda00;
  --color-corrosive-green-400: #31b700;
  --color-corrosive-green-500: #279900;
  --color-corrosive-green-600: #1e7c00;
  --color-corrosive-green-700: #166400;
  --color-corrosive-green-800: #0f4f00;
  --color-corrosive-green-900: #0a3f00;
  --color-corrosive-green-950: #042800;
}