Flirt to Zombie Color Palette

About this palette

Flirt to Zombie is a 5-color warm palette: #82244D (Flirt), #B63283 (Fandango), #2F83C1 (King Triton), #B6BB7F (Nile), #D6D9A4 (Zombie). It mixes red, blue, green, yellow tones and feels warm overall. The strongest text pairing is #82244D on #D6D9A4 with a contrast ratio of 6.20:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Flirt	rgb(130, 36, 77)	hsl(334, 57%, 33%)
Fandango	rgb(182, 50, 131)	hsl(323, 57%, 45%)
King Triton	rgb(47, 131, 193)	hsl(205, 61%, 47%)
Nile	rgb(182, 187, 127)	hsl(65, 31%, 62%)
Zombie	rgb(214, 217, 164)	hsl(63, 41%, 75%)

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.

Aa6.20:1 Good#82244D on #D6D9A4
Aa6.20:1 Good#D6D9A4 on #82244D
Aa4.51:1 Good#82244D on #B6BB7F
Aa4.51:1 Good#B6BB7F on #82244D
Aa3.80:1 Poor#B63283 on #D6D9A4
Aa3.80:1 Poor#D6D9A4 on #B63283

Color blindness preview

CSS variables

/* Flirt to Zombie — https://swatchly.xyz/palette/82244d-b63283-2f83c1-b6bb7f-d6d9a4 */
:root {
  --flirt: #82244d;
  --fandango: #b63283;
  --king-triton: #2f83c1;
  --nile: #b6bb7f;
  --zombie: #d6d9a4;
}

Tailwind CSS v4

/* Flirt to Zombie — https://swatchly.xyz/palette/82244d-b63283-2f83c1-b6bb7f-d6d9a4 */
@theme {
  --color-flirt: #82244d;
  --color-flirt-50: #fff1f5;
  --color-flirt-100: #ffe3eb;
  --color-flirt-200: #ffc2d6;
  --color-flirt-300: #fa9ebe;
  --color-flirt-400: #dc799d;
  --color-flirt-500: #bd5a80;
  --color-flirt-600: #9c4065;
  --color-flirt-700: #82244d;
  --color-flirt-800: #651d3c;
  --color-flirt-900: #50142e;
  --color-flirt-950: #34091c;
  --color-fandango: #b63283;
  --color-fandango-50: #fff1f7;
  --color-fandango-100: #ffe3f0;
  --color-fandango-200: #ffc5e2;
  --color-fandango-300: #ffa0d2;
  --color-fandango-400: #f070b8;
  --color-fandango-500: #d4509e;
  --color-fandango-600: #b63283;
  --color-fandango-700: #961b6a;
  --color-fandango-800: #7a0754;
  --color-fandango-900: #610041;
  --color-fandango-950: #3f0029;
  --color-king-triton: #2f83c1;
  --color-king-triton-50: #eaf5ff;
  --color-king-triton-100: #d4ebff;
  --color-king-triton-200: #abd8ff;
  --color-king-triton-300: #7cc2fc;
  --color-king-triton-400: #52a1df;
  --color-king-triton-500: #2f83c1;
  --color-king-triton-600: #1169a4;
  --color-king-triton-700: #005486;
  --color-king-triton-800: #00426b;
  --color-king-triton-900: #003354;
  --color-king-triton-950: #002038;
  --color-nile: #b6bb7f;
  --color-nile-50: #eff3cf;
  --color-nile-100: #e3e7bf;
  --color-nile-200: #ced2a3;
  --color-nile-300: #b6bb7f;
  --color-nile-400: #999d64;
  --color-nile-500: #80844a;
  --color-nile-600: #676b33;
  --color-nile-700: #535622;
  --color-nile-800: #424416;
  --color-nile-900: #34360d;
  --color-nile-950: #202105;
  --color-zombie: #d6d9a4;
  --color-zombie-50: #f4f6d8;
  --color-zombie-100: #e9ecca;
  --color-zombie-200: #d6d9a4;
  --color-zombie-300: #c0c296;
  --color-zombie-400: #a1a473;
  --color-zombie-500: #878957;
  --color-zombie-600: #6d6f3e;
  --color-zombie-700: #57582c;
  --color-zombie-800: #44451e;
  --color-zombie-900: #343514;
  --color-zombie-950: #202109;
}