Jealous Jellyfish to Ice Climber Color Palette

About this palette

Jealous Jellyfish to Ice Climber is a 4-color vibrant, warm, neon palette: #B60096 (Jealous Jellyfish), #9C9200 (Papyrus), #FF5ECA (Illicit Pink), #00E2D1 (Ice Climber). It mixes pink, yellow, turquoise tones and feels warm overall. The strongest text pairing is #B60096 on #00E2D1 with a contrast ratio of 3.73:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Jealous Jellyfish	rgb(182, 0, 150)	hsl(311, 100%, 36%)
Papyrus	rgb(156, 146, 0)	hsl(56, 100%, 31%)
Illicit Pink	rgb(255, 94, 202)	hsl(320, 100%, 68%)
Ice Climber	rgb(0, 226, 209)	hsl(175, 100%, 44%)

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.73:1 Poor#B60096 on #00E2D1
Aa3.73:1 Poor#00E2D1 on #B60096

Color blindness preview

CSS variables

/* Jealous Jellyfish to Ice Climber — https://swatchly.xyz/palette/b60096-9c9200-ff5eca-00e2d1 */
:root {
  --jealous-jellyfish: #b60096;
  --papyrus: #9c9200;
  --illicit-pink: #ff5eca;
  --ice-climber: #00e2d1;
}

Tailwind CSS v4

/* Jealous Jellyfish to Ice Climber — https://swatchly.xyz/palette/b60096-9c9200-ff5eca-00e2d1 */
@theme {
  --color-jealous-jellyfish: #b60096;
  --color-jealous-jellyfish-50: #fff0fa;
  --color-jealous-jellyfish-100: #ffe1f5;
  --color-jealous-jellyfish-200: #ffc1eb;
  --color-jealous-jellyfish-300: #ff98e1;
  --color-jealous-jellyfish-400: #f35cce;
  --color-jealous-jellyfish-500: #d636b3;
  --color-jealous-jellyfish-600: #b60096;
  --color-jealous-jellyfish-700: #920078;
  --color-jealous-jellyfish-800: #73005e;
  --color-jealous-jellyfish-900: #5b0049;
  --color-jealous-jellyfish-950: #3b002f;
  --color-papyrus: #9c9200;
  --color-papyrus-50: #fefac1;
  --color-papyrus-100: #f6f2b2;
  --color-papyrus-200: #e6e093;
  --color-papyrus-300: #d2cb70;
  --color-papyrus-400: #b5ad3f;
  --color-papyrus-500: #9c9200;
  --color-papyrus-600: #7e7500;
  --color-papyrus-700: #635d00;
  --color-papyrus-800: #4d4800;
  --color-papyrus-900: #3b3700;
  --color-papyrus-950: #242100;
  --color-illicit-pink: #ff5eca;
  --color-illicit-pink-50: #fff3f9;
  --color-illicit-pink-100: #ffe5f4;
  --color-illicit-pink-200: #ffc7e8;
  --color-illicit-pink-300: #ffa2db;
  --color-illicit-pink-400: #ff5eca;
  --color-illicit-pink-500: #de3dac;
  --color-illicit-pink-600: #bc148f;
  --color-illicit-pink-700: #990073;
  --color-illicit-pink-800: #79005a;
  --color-illicit-pink-900: #5e0045;
  --color-illicit-pink-950: #3d002c;
  --color-ice-climber: #00e2d1;
  --color-ice-climber-50: #dffffa;
  --color-ice-climber-100: #b2fff4;
  --color-ice-climber-200: #82f1e4;
  --color-ice-climber-300: #00e2d1;
  --color-ice-climber-400: #00bdaf;
  --color-ice-climber-500: #009d91;
  --color-ice-climber-600: #007f75;
  --color-ice-climber-700: #00645c;
  --color-ice-climber-800: #004e48;
  --color-ice-climber-900: #003c37;
  --color-ice-climber-950: #002622;
}