Walkie Chalkie to Forestry color palette

FFF5F8Walkie Chalkie EECAE1LA Vibes A3B99DSalvia 847DAFAster 625A7CPlummy 344520Forestry

About this palette

Walkie Chalkie to Forestry is a 6-color muted, cool palette: #FFF5F8 (Walkie Chalkie), #EECAE1 (LA Vibes), #A3B99D (Salvia), #847DAF (Aster), #625A7C (Plummy), #344520 (Forestry). It mixes white, pink, green, purple tones and feels cool overall. The strongest text pairing is #FFF5F8 on #344520 with a contrast ratio of 9.75:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Walkie Chalkie	rgb(255, 245, 248)	hsl(342, 100%, 98%)
LA Vibes	rgb(238, 202, 225)	hsl(322, 51%, 86%)
Salvia	rgb(163, 185, 157)	hsl(107, 17%, 67%)
Aster	rgb(132, 125, 175)	hsl(248, 24%, 59%)
Plummy	rgb(98, 90, 124)	hsl(254, 16%, 42%)
Forestry	rgb(52, 69, 32)	hsl(88, 37%, 20%)

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.

Aa9.75:1 Very good#FFF5F8 on #344520
Aa9.75:1 Very good#344520 on #FFF5F8
Aa7.02:1 Very good#EECAE1 on #344520
Aa7.02:1 Very good#344520 on #EECAE1
Aa6.01:1 Good#FFF5F8 on #625A7C
Aa6.01:1 Good#625A7C on #FFF5F8
Aa4.95:1 Good#A3B99D on #344520
Aa4.95:1 Good#344520 on #A3B99D

Color blindness preview

CSS variables

/* Walkie Chalkie to Forestry — https://swatchly.xyz/palette/fff5f8-eecae1-a3b99d-847daf-625a7c-344520 */
:root {
  --walkie-chalkie: #fff5f8;
  --la-vibes: #eecae1;
  --salvia: #a3b99d;
  --aster: #847daf;
  --plummy: #625a7c;
  --forestry: #344520;
}

Tailwind CSS v4

/* Walkie Chalkie to Forestry — https://swatchly.xyz/palette/fff5f8-eecae1-a3b99d-847daf-625a7c-344520 */
@theme {
  --color-walkie-chalkie: #fff5f8;
  --color-walkie-chalkie-50: #fff5f8;
  --color-walkie-chalkie-100: #f2eced;
  --color-walkie-chalkie-200: #ded7d9;
  --color-walkie-chalkie-300: #c8c0c2;
  --color-walkie-chalkie-400: #a8a0a2;
  --color-walkie-chalkie-500: #8d8487;
  --color-walkie-chalkie-600: #72696c;
  --color-walkie-chalkie-700: #5a5355;
  --color-walkie-chalkie-800: #474042;
  --color-walkie-chalkie-900: #373133;
  --color-walkie-chalkie-950: #221e1f;
  --color-la-vibes: #eecae1;
  --color-la-vibes-50: #ffeff9;
  --color-la-vibes-100: #fae2f1;
  --color-la-vibes-200: #eecae1;
  --color-la-vibes-300: #d4b6c9;
  --color-la-vibes-400: #b695aa;
  --color-la-vibes-500: #9b7a8f;
  --color-la-vibes-600: #7f6075;
  --color-la-vibes-700: #674b5d;
  --color-la-vibes-800: #523a4a;
  --color-la-vibes-900: #402b39;
  --color-la-vibes-950: #291a24;
  --color-salvia: #a3b99d;
  --color-salvia-50: #e4f2e0;
  --color-salvia-100: #d6e6d2;
  --color-salvia-200: #bed1b9;
  --color-salvia-300: #a3b99d;
  --color-salvia-400: #879c81;
  --color-salvia-500: #6f8369;
  --color-salvia-600: #586b53;
  --color-salvia-700: #455740;
  --color-salvia-800: #364532;
  --color-salvia-900: #2a3726;
  --color-salvia-950: #192216;
  --color-aster: #847daf;
  --color-aster-50: #f4f3ff;
  --color-aster-100: #eae7ff;
  --color-aster-200: #d6d1fa;
  --color-aster-300: #bfb9e7;
  --color-aster-400: #9f99cb;
  --color-aster-500: #847daf;
  --color-aster-600: #6a6392;
  --color-aster-700: #544d78;
  --color-aster-800: #413c61;
  --color-aster-900: #322d4d;
  --color-aster-950: #1f1b32;
  --color-plummy: #625a7c;
  --color-plummy-50: #f6f3ff;
  --color-plummy-100: #ece7ff;
  --color-plummy-200: #dbd5f2;
  --color-plummy-300: #c7c0e0;
  --color-plummy-400: #a9a2c5;
  --color-plummy-500: #9088ac;
  --color-plummy-600: #776f92;
  --color-plummy-700: #625a7c;
  --color-plummy-800: #4d4663;
  --color-plummy-900: #3b354e;
  --color-plummy-950: #252132;
  --color-forestry: #344520;
  --color-forestry-50: #eefae2;
  --color-forestry-100: #e3f1d6;
  --color-forestry-200: #cedebe;
  --color-forestry-300: #b5c7a3;
  --color-forestry-400: #94a880;
  --color-forestry-500: #788c64;
  --color-forestry-600: #5e704a;
  --color-forestry-700: #485836;
  --color-forestry-800: #344520;
  --color-forestry-900: #29341b;
  --color-forestry-950: #18200e;
}