Shimmering Love to Emerald Color Palette

About this palette

Shimmering Love to Emerald is a 5-color vibrant, warm palette: #FF93CE (Shimmering Love), #EB578C (Hindu Lotus), #008AD3 (Way Beyond the Blue), #DC9600 (Tiger King), #008E21 (Emerald). It mixes pink, blue, yellow, green tones and feels warm overall. The strongest text pairing is #FF93CE on #008E21 with a contrast ratio of 2.11:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Shimmering Love	rgb(255, 147, 206)	hsl(327, 100%, 79%)
Hindu Lotus	rgb(235, 87, 140)	hsl(339, 79%, 63%)
Way Beyond the Blue	rgb(0, 138, 211)	hsl(201, 100%, 41%)
Tiger King	rgb(220, 150, 0)	hsl(41, 100%, 43%)
Emerald	rgb(0, 142, 33)	hsl(134, 100%, 28%)

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

/* Shimmering Love to Emerald — https://swatchly.xyz/palette/ff93ce-eb578c-008ad3-dc9600-008e21 */
:root {
  --shimmering-love: #ff93ce;
  --hindu-lotus: #eb578c;
  --way-beyond-the-blue: #008ad3;
  --tiger-king: #dc9600;
  --emerald: #008e21;
}

Tailwind CSS v4

/* Shimmering Love to Emerald — https://swatchly.xyz/palette/ff93ce-eb578c-008ad3-dc9600-008e21 */
@theme {
  --color-shimmering-love: #ff93ce;
  --color-shimmering-love-50: #ffedf5;
  --color-shimmering-love-100: #ffdded;
  --color-shimmering-love-200: #ffbcde;
  --color-shimmering-love-300: #ff93ce;
  --color-shimmering-love-400: #dc76ae;
  --color-shimmering-love-500: #c05a94;
  --color-shimmering-love-600: #a14179;
  --color-shimmering-love-700: #862d62;
  --color-shimmering-love-800: #6d1e4e;
  --color-shimmering-love-900: #57143d;
  --color-shimmering-love-950: #390827;
  --color-hindu-lotus: #eb578c;
  --color-hindu-lotus-50: #ffeaef;
  --color-hindu-lotus-100: #ffd8e2;
  --color-hindu-lotus-200: #ffb6ca;
  --color-hindu-lotus-300: #ff8baf;
  --color-hindu-lotus-400: #eb578c;
  --color-hindu-lotus-500: #ce3b74;
  --color-hindu-lotus-600: #ae1f5c;
  --color-hindu-lotus-700: #910649;
  --color-hindu-lotus-800: #760039;
  --color-hindu-lotus-900: #5f002d;
  --color-hindu-lotus-950: #40001c;
  --color-way-beyond-the-blue: #008ad3;
  --color-way-beyond-the-blue-50: #ebf6ff;
  --color-way-beyond-the-blue-100: #d8edff;
  --color-way-beyond-the-blue-200: #b0dcff;
  --color-way-beyond-the-blue-300: #7ec7ff;
  --color-way-beyond-the-blue-400: #3ea7ef;
  --color-way-beyond-the-blue-500: #008ad3;
  --color-way-beyond-the-blue-600: #006fab;
  --color-way-beyond-the-blue-700: #005889;
  --color-way-beyond-the-blue-800: #00456d;
  --color-way-beyond-the-blue-900: #003555;
  --color-way-beyond-the-blue-950: #002138;
  --color-tiger-king: #dc9600;
  --color-tiger-king-50: #fff5e8;
  --color-tiger-king-100: #ffeace;
  --color-tiger-king-200: #ffd294;
  --color-tiger-king-300: #f4b95e;
  --color-tiger-king-400: #dc9600;
  --color-tiger-king-500: #b77c00;
  --color-tiger-king-600: #946300;
  --color-tiger-king-700: #764e00;
  --color-tiger-king-800: #5c3c00;
  --color-tiger-king-900: #472e00;
  --color-tiger-king-950: #2d1b00;
  --color-emerald: #008e21;
  --color-emerald-50: #e1ffe0;
  --color-emerald-100: #c4ffc4;
  --color-emerald-200: #a4f2a5;
  --color-emerald-300: #85df87;
  --color-emerald-400: #5ac360;
  --color-emerald-500: #34a940;
  --color-emerald-600: #008e21;
  --color-emerald-700: #007118;
  --color-emerald-800: #005811;
  --color-emerald-900: #00440a;
  --color-emerald-950: #002b04;
}