Easter Egg to Chilli Con Carne Color Palette

About this palette

Easter Egg to Chilli Con Carne is a 4-color vintage palette: #9393BD (Easter Egg), #3E3E00 (Dark Olive), #A5D7ED (Ariel), #9F5E1F (Chilli Con Carne). It mixes purple, brown, blue tones and feels balanced overall. The strongest text pairing is #3E3E00 on #A5D7ED with a contrast ratio of 7.15:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Easter Egg	rgb(147, 147, 189)	hsl(240, 24%, 66%)
Dark Olive	rgb(62, 62, 0)	hsl(60, 100%, 12%)
Ariel	rgb(165, 215, 237)	hsl(198, 67%, 79%)
Chilli Con Carne	rgb(159, 94, 31)	hsl(30, 67%, 37%)

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.15:1 Very good#3E3E00 on #A5D7ED
Aa7.15:1 Very good#A5D7ED on #3E3E00
Aa3.77:1 Poor#9393BD on #3E3E00
Aa3.77:1 Poor#3E3E00 on #9393BD
Aa3.31:1 Poor#A5D7ED on #9F5E1F
Aa3.31:1 Poor#9F5E1F on #A5D7ED

Color blindness preview

CSS variables

/* Easter Egg to Chilli Con Carne — https://swatchly.xyz/palette/9393bd-3e3e00-a5d7ed-9f5e1f */
:root {
  --easter-egg: #9393bd;
  --dark-olive: #3e3e00;
  --ariel: #a5d7ed;
  --chilli-con-carne: #9f5e1f;
}

Tailwind CSS v4

/* Easter Egg to Chilli Con Carne — https://swatchly.xyz/palette/9393bd-3e3e00-a5d7ed-9f5e1f */
@theme {
  --color-easter-egg: #9393bd;
  --color-easter-egg-50: #f0f0ff;
  --color-easter-egg-100: #e2e3ff;
  --color-easter-egg-200: #cccdf0;
  --color-easter-egg-300: #b4b4db;
  --color-easter-egg-400: #9393bd;
  --color-easter-egg-500: #7a7aa2;
  --color-easter-egg-600: #626187;
  --color-easter-egg-700: #4d4d6f;
  --color-easter-egg-800: #3c3c5a;
  --color-easter-egg-900: #2f2e48;
  --color-easter-egg-950: #1d1d2f;
  --color-dark-olive: #3e3e00;
  --color-dark-olive-50: #f6f8d8;
  --color-dark-olive-100: #edefca;
  --color-dark-olive-200: #d9dbb0;
  --color-dark-olive-300: #c2c492;
  --color-dark-olive-400: #a1a36c;
  --color-dark-olive-500: #85864f;
  --color-dark-olive-600: #696a35;
  --color-dark-olive-700: #515222;
  --color-dark-olive-800: #3e3e00;
  --color-dark-olive-900: #2f2f0b;
  --color-dark-olive-950: #1c1c04;
  --color-ariel: #a5d7ed;
  --color-ariel-50: #daf4ff;
  --color-ariel-100: #c8eaf8;
  --color-ariel-200: #a5d7ed;
  --color-ariel-300: #96c1d4;
  --color-ariel-400: #75a4b8;
  --color-ariel-500: #5a8a9e;
  --color-ariel-600: #427083;
  --color-ariel-700: #305a6c;
  --color-ariel-800: #224857;
  --color-ariel-900: #173744;
  --color-ariel-950: #0b222c;
  --color-chilli-con-carne: #9f5e1f;
  --color-chilli-con-carne-50: #fff3e9;
  --color-chilli-con-carne-100: #ffe7d4;
  --color-chilli-con-carne-200: #ffcea7;
  --color-chilli-con-carne-300: #f1b584;
  --color-chilli-con-carne-400: #d6945c;
  --color-chilli-con-carne-500: #bb783d;
  --color-chilli-con-carne-600: #9f5e1f;
  --color-chilli-con-carne-700: #824806;
  --color-chilli-con-carne-800: #683700;
  --color-chilli-con-carne-900: #512900;
  --color-chilli-con-carne-950: #341800;
}