Start generating

Polar Glow to Wondrous Wisteria color palette

6B91FFPolar Glow4578D2Serenity’s Reign234ADFFrosted Blueberries1F4492Cascade TwilightD7E3FFVeiling Waterfalls98B3FFWondrous Wisteria
Open in generator Export PNG, PDF, ASE…

About this palette

Polar Glow to Wondrous Wisteria is a 6-color cool, neon, monochromatic palette: #6B91FF (Polar Glow), #4578D2 (Serenity’s Reign), #234ADF (Frosted Blueberries), #1F4492 (Cascade Twilight), #D7E3FF (Veiling Waterfalls), #98B3FF (Wondrous Wisteria). It mixes blue tones and feels cool overall. The strongest text pairing is #1F4492 on #D7E3FF with a contrast ratio of 7.10:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Polar Glowrgb(107, 145, 255)hsl(225, 100%, 71%)
Serenity’s Reignrgb(69, 120, 210)hsl(218, 61%, 55%)
Frosted Blueberriesrgb(35, 74, 223)hsl(228, 75%, 51%)
Cascade Twilightrgb(31, 68, 146)hsl(221, 65%, 35%)
Veiling Waterfallsrgb(215, 227, 255)hsl(222, 100%, 92%)
Wondrous Wisteriargb(152, 179, 255)hsl(224, 100%, 80%)

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.

  • Aa7.10:1 Very good#1F4492 on #D7E3FF
  • Aa7.10:1 Very good#D7E3FF on #1F4492
  • Aa5.24:1 Good#234ADF on #D7E3FF
  • Aa5.24:1 Good#D7E3FF on #234ADF
  • Aa4.45:1 Poor#1F4492 on #98B3FF
  • Aa4.45:1 Poor#98B3FF on #1F4492
  • Aa3.35:1 Poor#4578D2 on #D7E3FF
  • Aa3.35:1 Poor#D7E3FF on #4578D2

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Polar Glow to Wondrous Wisteria — https://swatchly.xyz/palette/6b91ff-4578d2-234adf-1f4492-d7e3ff-98b3ff */
:root {
  --polar-glow: #6b91ff;
  --serenity-s-reign: #4578d2;
  --frosted-blueberries: #234adf;
  --cascade-twilight: #1f4492;
  --veiling-waterfalls: #d7e3ff;
  --wondrous-wisteria: #98b3ff;
}

Tailwind CSS v4

/* Polar Glow to Wondrous Wisteria — https://swatchly.xyz/palette/6b91ff-4578d2-234adf-1f4492-d7e3ff-98b3ff */
@theme {
  --color-polar-glow: #6b91ff;
  --color-polar-glow-50: #ecf2ff;
  --color-polar-glow-100: #dce6ff;
  --color-polar-glow-200: #bdd0ff;
  --color-polar-glow-300: #9bb7ff;
  --color-polar-glow-400: #6b91ff;
  --color-polar-glow-500: #5376e2;
  --color-polar-glow-600: #3d5dc2;
  --color-polar-glow-700: #2d47a4;
  --color-polar-glow-800: #203687;
  --color-polar-glow-900: #17296f;
  --color-polar-glow-950: #0c194c;
  --color-serenity-s-reign: #4578d2;
  --color-serenity-s-reign-50: #edf3ff;
  --color-serenity-s-reign-100: #dae8ff;
  --color-serenity-s-reign-200: #b8d3ff;
  --color-serenity-s-reign-300: #91baff;
  --color-serenity-s-reign-400: #6296f1;
  --color-serenity-s-reign-500: #4578d2;
  --color-serenity-s-reign-600: #2f5fb3;
  --color-serenity-s-reign-700: #1f4a96;
  --color-serenity-s-reign-800: #14397c;
  --color-serenity-s-reign-900: #0c2c64;
  --color-serenity-s-reign-950: #051b44;
  --color-frosted-blueberries: #234adf;
  --color-frosted-blueberries-50: #f1f5ff;
  --color-frosted-blueberries-100: #e2ebff;
  --color-frosted-blueberries-200: #c9daff;
  --color-frosted-blueberries-300: #aac4ff;
  --color-frosted-blueberries-400: #7ea4ff;
  --color-frosted-blueberries-500: #5785ff;
  --color-frosted-blueberries-600: #3563f8;
  --color-frosted-blueberries-700: #234adf;
  --color-frosted-blueberries-800: #1837b6;
  --color-frosted-blueberries-900: #0e2695;
  --color-frosted-blueberries-950: #061467;
  --color-cascade-twilight: #1f4492;
  --color-cascade-twilight-50: #f0f5ff;
  --color-cascade-twilight-100: #e1ecff;
  --color-cascade-twilight-200: #c3d8ff;
  --color-cascade-twilight-300: #a3c3ff;
  --color-cascade-twilight-400: #78a3f5;
  --color-cascade-twilight-500: #5d88dc;
  --color-cascade-twilight-600: #456ebf;
  --color-cascade-twilight-700: #3358a3;
  --color-cascade-twilight-800: #1f4492;
  --color-cascade-twilight-900: #19356f;
  --color-cascade-twilight-950: #0c214b;
  --color-veiling-waterfalls: #d7e3ff;
  --color-veiling-waterfalls-50: #e7eeff;
  --color-veiling-waterfalls-100: #d7e3ff;
  --color-veiling-waterfalls-200: #c8d1e6;
  --color-veiling-waterfalls-300: #b1bcd3;
  --color-veiling-waterfalls-400: #939eb7;
  --color-veiling-waterfalls-500: #79839d;
  --color-veiling-waterfalls-600: #606a82;
  --color-veiling-waterfalls-700: #4c556b;
  --color-veiling-waterfalls-800: #3a4255;
  --color-veiling-waterfalls-900: #2c3342;
  --color-veiling-waterfalls-950: #1a1f2a;
  --color-wondrous-wisteria: #98b3ff;
  --color-wondrous-wisteria-50: #e9efff;
  --color-wondrous-wisteria-100: #d9e3ff;
  --color-wondrous-wisteria-200: #bacdff;
  --color-wondrous-wisteria-300: #98b3ff;
  --color-wondrous-wisteria-400: #7c95de;
  --color-wondrous-wisteria-500: #637bc3;
  --color-wondrous-wisteria-600: #4d63a6;
  --color-wondrous-wisteria-700: #3b4e8b;
  --color-wondrous-wisteria-800: #2c3d72;
  --color-wondrous-wisteria-900: #212f5d;
  --color-wondrous-wisteria-950: #131c3e;
}

Similar palettes