Pleasing Pink to Neon Boneyard Color Palette

About this palette

Pleasing Pink to Neon Boneyard is a 4-color pastel, light palette: #F6CDD2 (Pleasing Pink), #E7F5FF (Silent Snowfall), #F9B8A0 (Persicus), #DBC5F4 (Neon Boneyard). It mixes pink, white, orange, purple tones and feels warm overall. The strongest text pairing is #E7F5FF on #F9B8A0 with a contrast ratio of 1.53:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pleasing Pink	rgb(246, 205, 210)	hsl(353, 69%, 88%)
Silent Snowfall	rgb(231, 245, 255)	hsl(205, 100%, 95%)
Persicus	rgb(249, 184, 160)	hsl(16, 88%, 80%)
Neon Boneyard	rgb(219, 197, 244)	hsl(268, 68%, 86%)

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

/* Pleasing Pink to Neon Boneyard — https://swatchly.xyz/palette/f6cdd2-e7f5ff-f9b8a0-dbc5f4 */
:root {
  --pleasing-pink: #f6cdd2;
  --silent-snowfall: #e7f5ff;
  --persicus: #f9b8a0;
  --neon-boneyard: #dbc5f4;
}

Tailwind CSS v4

/* Pleasing Pink to Neon Boneyard — https://swatchly.xyz/palette/f6cdd2-e7f5ff-f9b8a0-dbc5f4 */
@theme {
  --color-pleasing-pink: #f6cdd2;
  --color-pleasing-pink-50: #fff3f4;
  --color-pleasing-pink-100: #ffe5e8;
  --color-pleasing-pink-200: #f6cdd2;
  --color-pleasing-pink-300: #dab8bc;
  --color-pleasing-pink-400: #bc979c;
  --color-pleasing-pink-500: #a17c80;
  --color-pleasing-pink-600: #846166;
  --color-pleasing-pink-700: #6b4c50;
  --color-pleasing-pink-800: #553a3e;
  --color-pleasing-pink-900: #432c2f;
  --color-pleasing-pink-950: #2b1a1c;
  --color-silent-snowfall: #e7f5ff;
  --color-silent-snowfall-50: #e7f5ff;
  --color-silent-snowfall-100: #e2ebf1;
  --color-silent-snowfall-200: #cdd8df;
  --color-silent-snowfall-300: #b6c2ca;
  --color-silent-snowfall-400: #96a3ac;
  --color-silent-snowfall-500: #7b8891;
  --color-silent-snowfall-600: #626e76;
  --color-silent-snowfall-700: #4c575f;
  --color-silent-snowfall-800: #3a444a;
  --color-silent-snowfall-900: #2c343a;
  --color-silent-snowfall-950: #1a2024;
  --color-persicus: #f9b8a0;
  --color-persicus-50: #fff8f5;
  --color-persicus-100: #ffede6;
  --color-persicus-200: #ffd4c4;
  --color-persicus-300: #f9b8a0;
  --color-persicus-400: #d39882;
  --color-persicus-500: #b77b64;
  --color-persicus-600: #985f4a;
  --color-persicus-700: #7c4835;
  --color-persicus-800: #633625;
  --color-persicus-900: #4d2719;
  --color-persicus-950: #32170d;
  --color-neon-boneyard: #dbc5f4;
  --color-neon-boneyard-50: #f4ecff;
  --color-neon-boneyard-100: #ecdefd;
  --color-neon-boneyard-200: #dbc5f4;
  --color-neon-boneyard-300: #c4b1da;
  --color-neon-boneyard-400: #a792be;
  --color-neon-boneyard-500: #8d78a3;
  --color-neon-boneyard-600: #736088;
  --color-neon-boneyard-700: #5d4b70;
  --color-neon-boneyard-800: #4a3a5b;
  --color-neon-boneyard-900: #392c47;
  --color-neon-boneyard-950: #241a2e;
}