Stroopwafel to Walkie Chalkie color palette

A86C44Stroopwafel F0B8B3Salmon Glow 5C2903Count Chocula C48677Whisky 7B3A50Passionate Plum FFF3F7Walkie Chalkie

Open in generator Export PNG, PDF, ASE…

About this palette

Stroopwafel to Walkie Chalkie is a 6-color warm, vintage palette: #A86C44 (Stroopwafel), #F0B8B3 (Salmon Glow), #5C2903 (Count Chocula), #C48677 (Whisky), #7B3A50 (Passionate Plum), #FFF3F7 (Walkie Chalkie). It mixes orange, pink, brown, red, white tones and feels warm overall. The strongest text pairing is #5C2903 on #FFF3F7 with a contrast ratio of 10.95:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Stroopwafel	rgb(168, 108, 68)	hsl(24, 42%, 46%)
Salmon Glow	rgb(240, 184, 179)	hsl(5, 67%, 82%)
Count Chocula	rgb(92, 41, 3)	hsl(26, 94%, 19%)
Whisky	rgb(196, 134, 119)	hsl(12, 39%, 62%)
Passionate Plum	rgb(123, 58, 80)	hsl(340, 36%, 35%)
Walkie Chalkie	rgb(255, 243, 247)	hsl(340, 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.

Aa10.95:1 Very good#5C2903 on #FFF3F7
Aa10.95:1 Very good#FFF3F7 on #5C2903
Aa7.57:1 Very good#7B3A50 on #FFF3F7
Aa7.57:1 Very good#FFF3F7 on #7B3A50
Aa6.89:1 Good#F0B8B3 on #5C2903
Aa6.89:1 Good#5C2903 on #F0B8B3
Aa4.76:1 Good#F0B8B3 on #7B3A50
Aa4.76:1 Good#7B3A50 on #F0B8B3

Color blindness preview

CSS variables

/* Stroopwafel to Walkie Chalkie — https://swatchly.xyz/palette/a86c44-f0b8b3-5c2903-c48677-7b3a50-fff3f7 */
:root {
  --stroopwafel: #a86c44;
  --salmon-glow: #f0b8b3;
  --count-chocula: #5c2903;
  --whisky: #c48677;
  --passionate-plum: #7b3a50;
  --walkie-chalkie: #fff3f7;
}

Tailwind CSS v4

/* Stroopwafel to Walkie Chalkie — https://swatchly.xyz/palette/a86c44-f0b8b3-5c2903-c48677-7b3a50-fff3f7 */
@theme {
  --color-stroopwafel: #a86c44;
  --color-stroopwafel-50: #fff0e7;
  --color-stroopwafel-100: #ffe1ce;
  --color-stroopwafel-200: #f9c6a6;
  --color-stroopwafel-300: #e5ac87;
  --color-stroopwafel-400: #c68962;
  --color-stroopwafel-500: #a86c44;
  --color-stroopwafel-600: #8c542e;
  --color-stroopwafel-700: #73411d;
  --color-stroopwafel-800: #5d3111;
  --color-stroopwafel-900: #4a2509;
  --color-stroopwafel-950: #311603;
  --color-salmon-glow: #f0b8b3;
  --color-salmon-glow-50: #fff6f6;
  --color-salmon-glow-100: #ffebe9;
  --color-salmon-glow-200: #fbd2ce;
  --color-salmon-glow-300: #f0b8b3;
  --color-salmon-glow-400: #cc9894;
  --color-salmon-glow-500: #af7b77;
  --color-salmon-glow-600: #91605c;
  --color-salmon-glow-700: #764a46;
  --color-salmon-glow-800: #5e3734;
  --color-salmon-glow-900: #492926;
  --color-salmon-glow-950: #2f1816;
  --color-count-chocula: #5c2903;
  --color-count-chocula-50: #fff2eb;
  --color-count-chocula-100: #ffe5d7;
  --color-count-chocula-200: #fcccb1;
  --color-count-chocula-300: #e9b495;
  --color-count-chocula-400: #ce9473;
  --color-count-chocula-500: #b37957;
  --color-count-chocula-600: #98603f;
  --color-count-chocula-700: #7f4b2d;
  --color-count-chocula-800: #683b1f;
  --color-count-chocula-900: #5c2903;
  --color-count-chocula-950: #391c09;
  --color-whisky: #c48677;
  --color-whisky-50: #ffede9;
  --color-whisky-100: #ffddd5;
  --color-whisky-200: #f7c3b6;
  --color-whisky-300: #e2a99b;
  --color-whisky-400: #c48677;
  --color-whisky-500: #a86d5e;
  --color-whisky-600: #8d5548;
  --color-whisky-700: #744136;
  --color-whisky-800: #5d3228;
  --color-whisky-900: #4b261d;
  --color-whisky-950: #321610;
  --color-passionate-plum: #7b3a50;
  --color-passionate-plum-50: #fff1f4;
  --color-passionate-plum-100: #ffe3ea;
  --color-passionate-plum-200: #ffc4d5;
  --color-passionate-plum-300: #ecaabd;
  --color-passionate-plum-400: #cf889d;
  --color-passionate-plum-500: #b26c81;
  --color-passionate-plum-600: #945267;
  --color-passionate-plum-700: #7b3a50;
  --color-passionate-plum-800: #602d3e;
  --color-passionate-plum-900: #4c212f;
  --color-passionate-plum-950: #31121d;
  --color-walkie-chalkie: #fff3f7;
  --color-walkie-chalkie-50: #fff3f7;
  --color-walkie-chalkie-100: #f1eaed;
  --color-walkie-chalkie-200: #ded6d9;
  --color-walkie-chalkie-300: #c8bfc2;
  --color-walkie-chalkie-400: #a99fa2;
  --color-walkie-chalkie-500: #8e8387;
  --color-walkie-chalkie-600: #73696c;
  --color-walkie-chalkie-700: #5c5256;
  --color-walkie-chalkie-800: #484043;
  --color-walkie-chalkie-900: #373133;
  --color-walkie-chalkie-950: #231e1f;
}