Glitter Lake to Feverish Passion color palette

47B2FFGlitter Lake B6DC81Wasabi 6C3035Arcane Red 357EAFMediterranean Blue 49581BTurf D65583Feverish Passion

Open in generator Export PNG, PDF, ASE…

About this palette

Glitter Lake to Feverish Passion is a 6-color cool palette: #47B2FF (Glitter Lake), #B6DC81 (Wasabi), #6C3035 (Arcane Red), #357EAF (Mediterranean Blue), #49581B (Turf), #D65583 (Feverish Passion). It mixes blue, green, brown, pink tones and feels cool overall. The strongest text pairing is #B6DC81 on #6C3035 with a contrast ratio of 6.41:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Glitter Lake	rgb(71, 178, 255)	hsl(205, 100%, 64%)
Wasabi	rgb(182, 220, 129)	hsl(85, 57%, 68%)
Arcane Red	rgb(108, 48, 53)	hsl(355, 38%, 31%)
Mediterranean Blue	rgb(53, 126, 175)	hsl(204, 54%, 45%)
Turf	rgb(73, 88, 27)	hsl(75, 53%, 23%)
Feverish Passion	rgb(214, 85, 131)	hsl(339, 61%, 59%)

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.

Aa6.41:1 Good#B6DC81 on #6C3035
Aa6.41:1 Good#6C3035 on #B6DC81
Aa5.03:1 Good#B6DC81 on #49581B
Aa5.03:1 Good#49581B on #B6DC81
Aa4.30:1 Poor#47B2FF on #6C3035
Aa4.30:1 Poor#6C3035 on #47B2FF
Aa3.37:1 Poor#47B2FF on #49581B
Aa3.37:1 Poor#49581B on #47B2FF

Color blindness preview

CSS variables

/* Glitter Lake to Feverish Passion — https://swatchly.xyz/palette/47b2ff-b6dc81-6c3035-357eaf-49581b-d65583 */
:root {
  --glitter-lake: #47b2ff;
  --wasabi: #b6dc81;
  --arcane-red: #6c3035;
  --mediterranean-blue: #357eaf;
  --turf: #49581b;
  --feverish-passion: #d65583;
}

Tailwind CSS v4

/* Glitter Lake to Feverish Passion — https://swatchly.xyz/palette/47b2ff-b6dc81-6c3035-357eaf-49581b-d65583 */
@theme {
  --color-glitter-lake: #47b2ff;
  --color-glitter-lake-50: #f2f9ff;
  --color-glitter-lake-100: #e2f2ff;
  --color-glitter-lake-200: #bfe2ff;
  --color-glitter-lake-300: #94cfff;
  --color-glitter-lake-400: #47b2ff;
  --color-glitter-lake-500: #2194de;
  --color-glitter-lake-600: #0077b8;
  --color-glitter-lake-700: #005e93;
  --color-glitter-lake-800: #004973;
  --color-glitter-lake-900: #003759;
  --color-glitter-lake-950: #002139;
  --color-wasabi: #b6dc81;
  --color-wasabi-50: #e0f8c2;
  --color-wasabi-100: #d2edb0;
  --color-wasabi-200: #b6dc81;
  --color-wasabi-300: #a4c676;
  --color-wasabi-400: #86a852;
  --color-wasabi-500: #6c8f34;
  --color-wasabi-600: #557519;
  --color-wasabi-700: #425f01;
  --color-wasabi-800: #344b00;
  --color-wasabi-900: #273a00;
  --color-wasabi-950: #172400;
  --color-arcane-red: #6c3035;
  --color-arcane-red-50: #fff1f2;
  --color-arcane-red-100: #ffe4e4;
  --color-arcane-red-200: #ffc7c9;
  --color-arcane-red-300: #edafb1;
  --color-arcane-red-400: #d18e91;
  --color-arcane-red-500: #b67276;
  --color-arcane-red-600: #99595d;
  --color-arcane-red-700: #7f4448;
  --color-arcane-red-800: #6c3035;
  --color-arcane-red-900: #522629;
  --color-arcane-red-950: #361618;
  --color-mediterranean-blue: #357eaf;
  --color-mediterranean-blue-50: #ecf7ff;
  --color-mediterranean-blue-100: #def0ff;
  --color-mediterranean-blue-200: #bbe1ff;
  --color-mediterranean-blue-300: #94cffb;
  --color-mediterranean-blue-400: #6fb1e2;
  --color-mediterranean-blue-500: #5098c9;
  --color-mediterranean-blue-600: #357eaf;
  --color-mediterranean-blue-700: #1c6491;
  --color-mediterranean-blue-800: #084e76;
  --color-mediterranean-blue-900: #003c5d;
  --color-mediterranean-blue-950: #00253c;
  --color-turf: #49581b;
  --color-turf-50: #effbd8;
  --color-turf-100: #e5f2ca;
  --color-turf-200: #cfdeaf;
  --color-turf-300: #b7c791;
  --color-turf-400: #96a86c;
  --color-turf-500: #7a8b4f;
  --color-turf-600: #607035;
  --color-turf-700: #49581b;
  --color-turf-800: #394415;
  --color-turf-900: #2b350c;
  --color-turf-950: #1a2105;
  --color-feverish-passion: #d65583;
  --color-feverish-passion-50: #fff2f5;
  --color-feverish-passion-100: #ffe4eb;
  --color-feverish-passion-200: #ffc8d6;
  --color-feverish-passion-300: #ffa4bf;
  --color-feverish-passion-400: #f2749e;
  --color-feverish-passion-500: #d65583;
  --color-feverish-passion-600: #b53868;
  --color-feverish-passion-700: #962252;
  --color-feverish-passion-800: #7a113f;
  --color-feverish-passion-900: #610530;
  --color-feverish-passion-950: #40011d;
}