Vaporised to Walkie Chalkie Color Palette

About this palette

Vaporised to Walkie Chalkie is a 5-color pastel, light, cool palette: #C8F6FA (Vaporised), #FBBFB4 (Peach Scone), #9FD1F3 (Andromeda Blue), #C8E6BA (Frozen Forest), #FFF3FA (Walkie Chalkie). It mixes white, pink, blue, green tones and feels cool overall. The strongest text pairing is #9FD1F3 on #FFF3FA with a contrast ratio of 1.51:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Vaporised	rgb(200, 246, 250)	hsl(185, 83%, 88%)
Peach Scone	rgb(251, 191, 180)	hsl(9, 90%, 85%)
Andromeda Blue	rgb(159, 209, 243)	hsl(204, 78%, 79%)
Frozen Forest	rgb(200, 230, 186)	hsl(101, 47%, 82%)
Walkie Chalkie	rgb(255, 243, 250)	hsl(325, 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

/* Vaporised to Walkie Chalkie — https://swatchly.xyz/palette/c8f6fa-fbbfb4-9fd1f3-c8e6ba-fff3fa */
:root {
  --vaporised: #c8f6fa;
  --peach-scone: #fbbfb4;
  --andromeda-blue: #9fd1f3;
  --frozen-forest: #c8e6ba;
  --walkie-chalkie: #fff3fa;
}

Tailwind CSS v4

/* Vaporised to Walkie Chalkie — https://swatchly.xyz/palette/c8f6fa-fbbfb4-9fd1f3-c8e6ba-fff3fa */
@theme {
  --color-vaporised: #c8f6fa;
  --color-vaporised-50: #e3fbfd;
  --color-vaporised-100: #c8f6fa;
  --color-vaporised-200: #bedfe2;
  --color-vaporised-300: #a4cacd;
  --color-vaporised-400: #81abae;
  --color-vaporised-500: #648f93;
  --color-vaporised-600: #4b7478;
  --color-vaporised-700: #365d60;
  --color-vaporised-800: #27494c;
  --color-vaporised-900: #1b383b;
  --color-vaporised-950: #0e2325;
  --color-peach-scone: #fbbfb4;
  --color-peach-scone-50: #ffebe7;
  --color-peach-scone-100: #ffdbd4;
  --color-peach-scone-200: #fbbfb4;
  --color-peach-scone-300: #e0aca3;
  --color-peach-scone-400: #c48d83;
  --color-peach-scone-500: #a97369;
  --color-peach-scone-600: #8d5a51;
  --color-peach-scone-700: #74463e;
  --color-peach-scone-800: #5e362f;
  --color-peach-scone-900: #4a2822;
  --color-peach-scone-950: #301713;
  --color-andromeda-blue: #9fd1f3;
  --color-andromeda-blue-50: #f5fbff;
  --color-andromeda-blue-100: #e4f4ff;
  --color-andromeda-blue-200: #c2e4fc;
  --color-andromeda-blue-300: #9fd1f3;
  --color-andromeda-blue-400: #81afce;
  --color-andromeda-blue-500: #6292b2;
  --color-andromeda-blue-600: #477694;
  --color-andromeda-blue-700: #325d79;
  --color-andromeda-blue-800: #224860;
  --color-andromeda-blue-900: #16364a;
  --color-andromeda-blue-950: #0a2230;
  --color-frozen-forest: #c8e6ba;
  --color-frozen-forest-50: #edfee6;
  --color-frozen-forest-100: #e3f5db;
  --color-frozen-forest-200: #c8e6ba;
  --color-frozen-forest-300: #b4cda9;
  --color-frozen-forest-400: #92ad86;
  --color-frozen-forest-500: #769169;
  --color-frozen-forest-600: #5c764f;
  --color-frozen-forest-700: #465e3b;
  --color-frozen-forest-800: #35492a;
  --color-frozen-forest-900: #27391f;
  --color-frozen-forest-950: #172311;
  --color-walkie-chalkie: #fff3fa;
  --color-walkie-chalkie-50: #fff3fa;
  --color-walkie-chalkie-100: #f1eaee;
  --color-walkie-chalkie-200: #ded6db;
  --color-walkie-chalkie-300: #c8bfc4;
  --color-walkie-chalkie-400: #a99fa5;
  --color-walkie-chalkie-500: #8e8389;
  --color-walkie-chalkie-600: #72686e;
  --color-walkie-chalkie-700: #5b5258;
  --color-walkie-chalkie-800: #484044;
  --color-walkie-chalkie-900: #373135;
  --color-walkie-chalkie-950: #221e20;
}