Neon Boneyard to Burrito Color Palette

About this palette

Neon Boneyard to Burrito is a 4-color pastel, light palette: #E2C2FE (Neon Boneyard), #DBEEFF (Cloudless), #CCC38D (Golden Mist), #EED8C0 (Burrito). It mixes purple, white, yellow, orange tones and feels warm overall. The strongest text pairing is #DBEEFF on #CCC38D with a contrast ratio of 1.50:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Neon Boneyard	rgb(226, 194, 254)	hsl(272, 97%, 88%)
Cloudless	rgb(219, 238, 255)	hsl(208, 100%, 93%)
Golden Mist	rgb(204, 195, 141)	hsl(51, 38%, 68%)
Burrito	rgb(238, 216, 192)	hsl(31, 58%, 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.

Color blindness preview

CSS variables

/* Neon Boneyard to Burrito — https://swatchly.xyz/palette/e2c2fe-dbeeff-ccc38d-eed8c0 */
:root {
  --neon-boneyard: #e2c2fe;
  --cloudless: #dbeeff;
  --golden-mist: #ccc38d;
  --burrito: #eed8c0;
}

Tailwind CSS v4

/* Neon Boneyard to Burrito — https://swatchly.xyz/palette/e2c2fe-dbeeff-ccc38d-eed8c0 */
@theme {
  --color-neon-boneyard: #e2c2fe;
  --color-neon-boneyard-50: #f6ecff;
  --color-neon-boneyard-100: #efdeff;
  --color-neon-boneyard-200: #e2c2fe;
  --color-neon-boneyard-300: #caafe2;
  --color-neon-boneyard-400: #ad8fc6;
  --color-neon-boneyard-500: #9375ac;
  --color-neon-boneyard-600: #785c90;
  --color-neon-boneyard-700: #614777;
  --color-neon-boneyard-800: #4e3760;
  --color-neon-boneyard-900: #3c294c;
  --color-neon-boneyard-950: #261831;
  --color-cloudless: #dbeeff;
  --color-cloudless-50: #edf7ff;
  --color-cloudless-100: #dbeeff;
  --color-cloudless-200: #ccdae6;
  --color-cloudless-300: #b4c3d1;
  --color-cloudless-400: #93a4b3;
  --color-cloudless-500: #778998;
  --color-cloudless-600: #5e6e7c;
  --color-cloudless-700: #485764;
  --color-cloudless-800: #37444f;
  --color-cloudless-900: #29343e;
  --color-cloudless-950: #182027;
  --color-golden-mist: #ccc38d;
  --color-golden-mist-50: #fbf7d9;
  --color-golden-mist-100: #f2edcb;
  --color-golden-mist-200: #e0d9b1;
  --color-golden-mist-300: #ccc38d;
  --color-golden-mist-400: #aca371;
  --color-golden-mist-500: #908854;
  --color-golden-mist-600: #766d3b;
  --color-golden-mist-700: #5e5628;
  --color-golden-mist-800: #4a4319;
  --color-golden-mist-900: #39330f;
  --color-golden-mist-950: #242006;
  --color-burrito: #eed8c0;
  --color-burrito-50: #fff7ee;
  --color-burrito-100: #faedde;
  --color-burrito-200: #eed8c0;
  --color-burrito-300: #d3c1ae;
  --color-burrito-400: #b5a18b;
  --color-burrito-500: #98846e;
  --color-burrito-600: #7c6954;
  --color-burrito-700: #64523f;
  --color-burrito-800: #4e3f2f;
  --color-burrito-900: #3d3022;
  --color-burrito-950: #261d13;
}