Cold Turkey to Arctic Color Palette

About this palette

Cold Turkey to Arctic is a 5-color muted, cool palette: #D3B5B4 (Cold Turkey), #E4E0F7 (Pink Champagne), #3C5D5D (Rosemary), #373E24 (Forestry), #65888A (Arctic). It mixes gray, turquoise, green tones and feels cool overall. The strongest text pairing is #E4E0F7 on #373E24 with a contrast ratio of 8.69:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cold Turkey	rgb(211, 181, 180)	hsl(2, 26%, 77%)
Pink Champagne	rgb(228, 224, 247)	hsl(250, 59%, 92%)
Rosemary	rgb(60, 93, 93)	hsl(180, 22%, 30%)
Forestry	rgb(55, 62, 36)	hsl(76, 27%, 19%)
Arctic	rgb(101, 136, 138)	hsl(183, 15%, 47%)

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.69:1 Very good#E4E0F7 on #373E24
Aa8.69:1 Very good#373E24 on #E4E0F7
Aa5.88:1 Good#D3B5B4 on #373E24
Aa5.88:1 Good#373E24 on #D3B5B4
Aa5.59:1 Good#E4E0F7 on #3C5D5D
Aa5.59:1 Good#3C5D5D on #E4E0F7
Aa3.79:1 Poor#D3B5B4 on #3C5D5D
Aa3.79:1 Poor#3C5D5D on #D3B5B4

Color blindness preview

CSS variables

/* Cold Turkey to Arctic — https://swatchly.xyz/palette/d3b5b4-e4e0f7-3c5d5d-373e24-65888a */
:root {
  --cold-turkey: #d3b5b4;
  --pink-champagne: #e4e0f7;
  --rosemary: #3c5d5d;
  --forestry: #373e24;
  --arctic: #65888a;
}

Tailwind CSS v4

/* Cold Turkey to Arctic — https://swatchly.xyz/palette/d3b5b4-e4e0f7-3c5d5d-373e24-65888a */
@theme {
  --color-cold-turkey: #d3b5b4;
  --color-cold-turkey-50: #ffefee;
  --color-cold-turkey-100: #f7e3e2;
  --color-cold-turkey-200: #e5cecd;
  --color-cold-turkey-300: #d3b5b4;
  --color-cold-turkey-400: #b39796;
  --color-cold-turkey-500: #987c7b;
  --color-cold-turkey-600: #7d6362;
  --color-cold-turkey-700: #654d4d;
  --color-cold-turkey-800: #503c3b;
  --color-cold-turkey-900: #3f2e2d;
  --color-cold-turkey-950: #281c1b;
  --color-pink-champagne: #e4e0f7;
  --color-pink-champagne-50: #efedfa;
  --color-pink-champagne-100: #e4e0f7;
  --color-pink-champagne-200: #d1cee0;
  --color-pink-champagne-300: #bcb9cc;
  --color-pink-champagne-400: #9e9baf;
  --color-pink-champagne-500: #848195;
  --color-pink-champagne-600: #6b687b;
  --color-pink-champagne-700: #565264;
  --color-pink-champagne-800: #43404f;
  --color-pink-champagne-900: #33313e;
  --color-pink-champagne-950: #201e27;
  --color-rosemary: #3c5d5d;
  --color-rosemary-50: #e6fafa;
  --color-rosemary-100: #daf0f0;
  --color-rosemary-200: #c3dede;
  --color-rosemary-300: #aac8c8;
  --color-rosemary-400: #88aaa9;
  --color-rosemary-500: #6c8e8e;
  --color-rosemary-600: #537474;
  --color-rosemary-700: #3c5d5d;
  --color-rosemary-800: #2e4949;
  --color-rosemary-900: #213838;
  --color-rosemary-950: #132323;
  --color-forestry: #373e24;
  --color-forestry-50: #f2f8e6;
  --color-forestry-100: #e8eedb;
  --color-forestry-200: #d4dbc4;
  --color-forestry-300: #bdc5ab;
  --color-forestry-400: #9fa78b;
  --color-forestry-500: #858d70;
  --color-forestry-600: #6c7458;
  --color-forestry-700: #575f45;
  --color-forestry-800: #464c35;
  --color-forestry-900: #373e24;
  --color-forestry-950: #232718;
  --color-arctic: #65888a;
  --color-arctic-50: #e4f9fa;
  --color-arctic-100: #d7eef0;
  --color-arctic-200: #bfdbdc;
  --color-arctic-300: #a4c4c6;
  --color-arctic-400: #82a4a6;
  --color-arctic-500: #65888a;
  --color-arctic-600: #4d6e70;
  --color-arctic-700: #3a585a;
  --color-arctic-800: #2b4547;
  --color-arctic-900: #1f3637;
  --color-arctic-950: #112223;
}