In Good Taste to Walkie Chalkie Color Palette

About this palette

In Good Taste to Walkie Chalkie is a 4-color pastel, light, gradient palette: #B3D39B (In Good Taste), #9FE1F5 (Blizzard Blue), #FFDCE0 (Strawberry Blonde), #FBF4FF (Walkie Chalkie). It mixes green, blue, pink, white tones and feels cool overall. The strongest text pairing is #B3D39B on #FBF4FF 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
In Good Taste	rgb(179, 211, 155)	hsl(94, 39%, 72%)
Blizzard Blue	rgb(159, 225, 245)	hsl(194, 81%, 79%)
Strawberry Blonde	rgb(255, 220, 224)	hsl(353, 100%, 93%)
Walkie Chalkie	rgb(251, 244, 255)	hsl(278, 100%, 98%)

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 Walkie Chalkie — https://swatchly.xyz/palette/b3d39b-9fe1f5-ffdce0-fbf4ff */
:root {
  --in-good-taste: #b3d39b;
  --blizzard-blue: #9fe1f5;
  --strawberry-blonde: #ffdce0;
  --walkie-chalkie: #fbf4ff;
}

Tailwind CSS v4

/* In Good Taste to Walkie Chalkie — https://swatchly.xyz/palette/b3d39b-9fe1f5-ffdce0-fbf4ff */
@theme {
  --color-in-good-taste: #b3d39b;
  --color-in-good-taste-50: #eeffe2;
  --color-in-good-taste-100: #e3f7d5;
  --color-in-good-taste-200: #cee6be;
  --color-in-good-taste-300: #b3d39b;
  --color-in-good-taste-400: #94b17e;
  --color-in-good-taste-500: #779560;
  --color-in-good-taste-600: #5c7946;
  --color-in-good-taste-700: #466031;
  --color-in-good-taste-800: #354b22;
  --color-in-good-taste-900: #273916;
  --color-in-good-taste-950: #16240b;
  --color-blizzard-blue: #9fe1f5;
  --color-blizzard-blue-50: #e2f8ff;
  --color-blizzard-blue-100: #c8f1fe;
  --color-blizzard-blue-200: #9fe1f5;
  --color-blizzard-blue-300: #92c9da;
  --color-blizzard-blue-400: #6dabbd;
  --color-blizzard-blue-500: #4f90a2;
  --color-blizzard-blue-600: #357587;
  --color-blizzard-blue-700: #215e6e;
  --color-blizzard-blue-800: #124a58;
  --color-blizzard-blue-900: #083945;
  --color-blizzard-blue-950: #02242c;
  --color-strawberry-blonde: #ffdce0;
  --color-strawberry-blonde-50: #ffebed;
  --color-strawberry-blonde-100: #ffdce0;
  --color-strawberry-blonde-200: #e6cccf;
  --color-strawberry-blonde-300: #d2b5b8;
  --color-strawberry-blonde-400: #b5969a;
  --color-strawberry-blonde-500: #9b7b7f;
  --color-strawberry-blonde-600: #806266;
  --color-strawberry-blonde-700: #684d51;
  --color-strawberry-blonde-800: #523b3e;
  --color-strawberry-blonde-900: #402d2f;
  --color-strawberry-blonde-950: #291b1d;
  --color-walkie-chalkie: #fbf4ff;
  --color-walkie-chalkie-50: #fbf4ff;
  --color-walkie-chalkie-100: #efebf1;
  --color-walkie-chalkie-200: #dbd6de;
  --color-walkie-chalkie-300: #c5bfc8;
  --color-walkie-chalkie-400: #a69fa9;
  --color-walkie-chalkie-500: #8a848e;
  --color-walkie-chalkie-600: #6f6972;
  --color-walkie-chalkie-700: #58535b;
  --color-walkie-chalkie-800: #454048;
  --color-walkie-chalkie-900: #353137;
  --color-walkie-chalkie-950: #211e22;
}