In Good Taste to Fairy Dust Color Palette

About this palette

In Good Taste to Fairy Dust is a 5-color pastel, light palette: #B3D19E (In Good Taste), #F6BBD3 (Manga Pink), #F3D6AD (Cereal Flake), #B8EAF3 (Icy Breeze), #FFE8F0 (Fairy Dust). It mixes green, pink, yellow, turquoise, white tones and feels balanced overall. The strongest text pairing is #B3D19E on #FFE8F0 with a contrast ratio of 1.44:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
In Good Taste	rgb(179, 209, 158)	hsl(95, 36%, 72%)
Manga Pink	rgb(246, 187, 211)	hsl(336, 77%, 85%)
Cereal Flake	rgb(243, 214, 173)	hsl(35, 74%, 82%)
Icy Breeze	rgb(184, 234, 243)	hsl(189, 71%, 84%)
Fairy Dust	rgb(255, 232, 240)	hsl(339, 100%, 95%)

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

/* In Good Taste to Fairy Dust — https://swatchly.xyz/palette/b3d19e-f6bbd3-f3d6ad-b8eaf3-ffe8f0 */
:root {
  --in-good-taste: #b3d19e;
  --manga-pink: #f6bbd3;
  --cereal-flake: #f3d6ad;
  --icy-breeze: #b8eaf3;
  --fairy-dust: #ffe8f0;
}

Tailwind CSS v4

/* In Good Taste to Fairy Dust — https://swatchly.xyz/palette/b3d19e-f6bbd3-f3d6ad-b8eaf3-ffe8f0 */
@theme {
  --color-in-good-taste: #b3d19e;
  --color-in-good-taste-50: #edfee2;
  --color-in-good-taste-100: #e3f6d7;
  --color-in-good-taste-200: #cee4bf;
  --color-in-good-taste-300: #b3d19e;
  --color-in-good-taste-400: #94b081;
  --color-in-good-taste-500: #779363;
  --color-in-good-taste-600: #5d7849;
  --color-in-good-taste-700: #475f35;
  --color-in-good-taste-800: #354a25;
  --color-in-good-taste-900: #27391a;
  --color-in-good-taste-950: #17240d;
  --color-manga-pink: #f6bbd3;
  --color-manga-pink-50: #ffe8f1;
  --color-manga-pink-100: #ffd7e7;
  --color-manga-pink-200: #f6bbd3;
  --color-manga-pink-300: #dca9bd;
  --color-manga-pink-400: #c08aa0;
  --color-manga-pink-500: #a57086;
  --color-manga-pink-600: #8a576d;
  --color-manga-pink-700: #714458;
  --color-manga-pink-800: #5c3445;
  --color-manga-pink-900: #482635;
  --color-manga-pink-950: #2f1621;
  --color-cereal-flake: #f3d6ad;
  --color-cereal-flake-50: #fff6ea;
  --color-cereal-flake-100: #fdebd3;
  --color-cereal-flake-200: #f3d6ad;
  --color-cereal-flake-300: #d8c09e;
  --color-cereal-flake-400: #b99f7a;
  --color-cereal-flake-500: #9e835d;
  --color-cereal-flake-600: #816843;
  --color-cereal-flake-700: #68512f;
  --color-cereal-flake-800: #523e20;
  --color-cereal-flake-900: #402f16;
  --color-cereal-flake-950: #291d0a;
  --color-icy-breeze: #b8eaf3;
  --color-icy-breeze-50: #f2fdff;
  --color-icy-breeze-100: #dcf8fd;
  --color-icy-breeze-200: #b8eaf3;
  --color-icy-breeze-300: #a8d0d7;
  --color-icy-breeze-400: #82b0b8;
  --color-icy-breeze-500: #64939b;
  --color-icy-breeze-600: #49777f;
  --color-icy-breeze-700: #335e65;
  --color-icy-breeze-800: #23494f;
  --color-icy-breeze-900: #18383e;
  --color-icy-breeze-950: #0c2327;
  --color-fairy-dust: #ffe8f0;
  --color-fairy-dust-50: #fff5f9;
  --color-fairy-dust-100: #ffe8f0;
  --color-fairy-dust-200: #e6d6db;
  --color-fairy-dust-300: #d0bec4;
  --color-fairy-dust-400: #b19da4;
  --color-fairy-dust-500: #958188;
  --color-fairy-dust-600: #7a666d;
  --color-fairy-dust-700: #615056;
  --color-fairy-dust-800: #4d3e43;
  --color-fairy-dust-900: #3b2f33;
  --color-fairy-dust-950: #251c20;
}