Walkie Chalkie to O Tannenbaum color palette

FFF5FCWalkie Chalkie 51AA60Devil’s Grass 007650Greasy Greens F3B7DCSoft Cashmere 00592BO Tannenbaum

About this palette

Walkie Chalkie to O Tannenbaum is a 5-color cool, earthy palette: #FFF5FC (Walkie Chalkie), #51AA60 (Devil’s Grass), #007650 (Greasy Greens), #F3B7DC (Soft Cashmere), #00592B (O Tannenbaum). It mixes white, green, pink tones and feels cool overall. The strongest text pairing is #FFF5FC on #00592B with a contrast ratio of 8.00:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Walkie Chalkie	rgb(255, 245, 252)	hsl(318, 100%, 98%)
Devil’s Grass	rgb(81, 170, 96)	hsl(130, 35%, 49%)
Greasy Greens	rgb(0, 118, 80)	hsl(161, 100%, 23%)
Soft Cashmere	rgb(243, 183, 220)	hsl(323, 71%, 84%)
O Tannenbaum	rgb(0, 89, 43)	hsl(149, 100%, 17%)

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.

Aa8.00:1 Very good#FFF5FC on #00592B
Aa8.00:1 Very good#00592B on #FFF5FC
Aa5.32:1 Good#FFF5FC on #007650
Aa5.32:1 Good#007650 on #FFF5FC
Aa5.12:1 Good#F3B7DC on #00592B
Aa5.12:1 Good#00592B on #F3B7DC
Aa3.40:1 Poor#007650 on #F3B7DC
Aa3.40:1 Poor#F3B7DC on #007650

Color blindness preview

CSS variables

/* Walkie Chalkie to O Tannenbaum — https://swatchly.xyz/palette/fff5fc-51aa60-007650-f3b7dc-00592b */
:root {
  --walkie-chalkie: #fff5fc;
  --devil-s-grass: #51aa60;
  --greasy-greens: #007650;
  --soft-cashmere: #f3b7dc;
  --o-tannenbaum: #00592b;
}

Tailwind CSS v4

/* Walkie Chalkie to O Tannenbaum — https://swatchly.xyz/palette/fff5fc-51aa60-007650-f3b7dc-00592b */
@theme {
  --color-walkie-chalkie: #fff5fc;
  --color-walkie-chalkie-50: #fff5fc;
  --color-walkie-chalkie-100: #f2ecf0;
  --color-walkie-chalkie-200: #ded7dc;
  --color-walkie-chalkie-300: #c8c0c5;
  --color-walkie-chalkie-400: #a89fa6;
  --color-walkie-chalkie-500: #8c848a;
  --color-walkie-chalkie-600: #71696f;
  --color-walkie-chalkie-700: #5a5358;
  --color-walkie-chalkie-800: #474045;
  --color-walkie-chalkie-900: #363135;
  --color-walkie-chalkie-950: #221e21;
  --color-devil-s-grass: #51aa60;
  --color-devil-s-grass-50: #e8ffea;
  --color-devil-s-grass-100: #ceffd3;
  --color-devil-s-grass-200: #b4f1ba;
  --color-devil-s-grass-300: #98dfa0;
  --color-devil-s-grass-400: #72c37d;
  --color-devil-s-grass-500: #51aa60;
  --color-devil-s-grass-600: #318c44;
  --color-devil-s-grass-700: #14702d;
  --color-devil-s-grass-800: #00581d;
  --color-devil-s-grass-900: #004314;
  --color-devil-s-grass-950: #002a09;
  --color-greasy-greens: #007650;
  --color-greasy-greens-50: #dcffec;
  --color-greasy-greens-100: #c1f9dc;
  --color-greasy-greens-200: #a2e6c4;
  --color-greasy-greens-300: #81d0aa;
  --color-greasy-greens-400: #56b087;
  --color-greasy-greens-500: #32936b;
  --color-greasy-greens-600: #007650;
  --color-greasy-greens-700: #005e3f;
  --color-greasy-greens-800: #004a30;
  --color-greasy-greens-900: #003925;
  --color-greasy-greens-950: #002416;
  --color-soft-cashmere: #f3b7dc;
  --color-soft-cashmere-50: #fff9fc;
  --color-soft-cashmere-100: #ffedf8;
  --color-soft-cashmere-200: #fdd3ec;
  --color-soft-cashmere-300: #f3b7dc;
  --color-soft-cashmere-400: #ce97b9;
  --color-soft-cashmere-500: #b0799c;
  --color-soft-cashmere-600: #925d7f;
  --color-soft-cashmere-700: #764665;
  --color-soft-cashmere-800: #5d344f;
  --color-soft-cashmere-900: #48253c;
  --color-soft-cashmere-950: #2e1526;
  --color-o-tannenbaum: #00592b;
  --color-o-tannenbaum-50: #deffe6;
  --color-o-tannenbaum-100: #cbf9d6;
  --color-o-tannenbaum-200: #b1e7bf;
  --color-o-tannenbaum-300: #96d4a6;
  --color-o-tannenbaum-400: #71b785;
  --color-o-tannenbaum-500: #549d6a;
  --color-o-tannenbaum-600: #398252;
  --color-o-tannenbaum-700: #256b3f;
  --color-o-tannenbaum-800: #00592b;
  --color-o-tannenbaum-900: #094422;
  --color-o-tannenbaum-950: #022c13;
}