Easter Egg to Pastel Blue Color Palette

About this palette

Easter Egg to Pastel Blue is a 4-color cool palette: #8290D2 (Easter Egg), #007039 (Enchanted Glen), #591A19 (Sacramental Red), #ACBCFF (Pastel Blue). It mixes blue, green, brown tones and feels cool overall. The strongest text pairing is #591A19 on #ACBCFF with a contrast ratio of 7.18:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Easter Egg	rgb(130, 144, 210)	hsl(229, 47%, 67%)
Enchanted Glen	rgb(0, 112, 57)	hsl(151, 100%, 22%)
Sacramental Red	rgb(89, 26, 25)	hsl(1, 56%, 22%)
Pastel Blue	rgb(172, 188, 255)	hsl(228, 100%, 84%)

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.18:1 Very good#591A19 on #ACBCFF
Aa7.18:1 Very good#ACBCFF on #591A19
Aa4.33:1 Poor#8290D2 on #591A19
Aa4.33:1 Poor#591A19 on #8290D2
Aa3.37:1 Poor#007039 on #ACBCFF
Aa3.37:1 Poor#ACBCFF on #007039

Color blindness preview

CSS variables

/* Easter Egg to Pastel Blue — https://swatchly.xyz/palette/8290d2-007039-591a19-acbcff */
:root {
  --easter-egg: #8290d2;
  --enchanted-glen: #007039;
  --sacramental-red: #591a19;
  --pastel-blue: #acbcff;
}

Tailwind CSS v4

/* Easter Egg to Pastel Blue — https://swatchly.xyz/palette/8290d2-007039-591a19-acbcff */
@theme {
  --color-easter-egg: #8290d2;
  --color-easter-egg-50: #ecf0ff;
  --color-easter-egg-100: #dce3ff;
  --color-easter-egg-200: #bfccff;
  --color-easter-egg-300: #a4b2ef;
  --color-easter-egg-400: #8290d2;
  --color-easter-egg-500: #6a77b7;
  --color-easter-egg-600: #535f9b;
  --color-easter-egg-700: #414b80;
  --color-easter-egg-800: #323a69;
  --color-easter-egg-900: #262d55;
  --color-easter-egg-950: #171c3a;
  --color-enchanted-glen: #007039;
  --color-enchanted-glen-50: #deffe6;
  --color-enchanted-glen-100: #c5fbd3;
  --color-enchanted-glen-200: #abebbd;
  --color-enchanted-glen-300: #8ed8a4;
  --color-enchanted-glen-400: #67bb82;
  --color-enchanted-glen-500: #47a167;
  --color-enchanted-glen-600: #2a864e;
  --color-enchanted-glen-700: #007039;
  --color-enchanted-glen-800: #00582b;
  --color-enchanted-glen-900: #004420;
  --color-enchanted-glen-950: #002b12;
  --color-sacramental-red: #591a19;
  --color-sacramental-red-50: #fff2f0;
  --color-sacramental-red-100: #ffe4e1;
  --color-sacramental-red-200: #ffc8c3;
  --color-sacramental-red-300: #f0ada7;
  --color-sacramental-red-400: #d48b85;
  --color-sacramental-red-500: #b86f6a;
  --color-sacramental-red-600: #9a5551;
  --color-sacramental-red-700: #7e403c;
  --color-sacramental-red-800: #66302d;
  --color-sacramental-red-900: #591a19;
  --color-sacramental-red-950: #341412;
  --color-pastel-blue: #acbcff;
  --color-pastel-blue-50: #f1f4ff;
  --color-pastel-blue-100: #e4eaff;
  --color-pastel-blue-200: #cad5ff;
  --color-pastel-blue-300: #acbcff;
  --color-pastel-blue-400: #8e9ddb;
  --color-pastel-blue-500: #7381c0;
  --color-pastel-blue-600: #5a67a2;
  --color-pastel-blue-700: #465086;
  --color-pastel-blue-800: #353e6d;
  --color-pastel-blue-900: #282f57;
  --color-pastel-blue-950: #171c39;
}