Antarctic Love to Voodoo color palette

EFE0ECAntarctic Love A9C1C3Wild Life AAA586Olive Tree 79724EGreek Oregano 4D6368Gunmetal 43313DVoodoo

Open in generator Export PNG, PDF, ASE…

About this palette

Antarctic Love to Voodoo is a 6-color muted, gradient palette: #EFE0EC (Antarctic Love), #A9C1C3 (Wild Life), #AAA586 (Olive Tree), #79724E (Greek Oregano), #4D6368 (Gunmetal), #43313D (Voodoo). It mixes gray, yellow, brown tones and feels warm overall. The strongest text pairing is #EFE0EC on #43313D with a contrast ratio of 9.48:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Antarctic Love	rgb(239, 224, 236)	hsl(312, 32%, 91%)
Wild Life	rgb(169, 193, 195)	hsl(185, 18%, 71%)
Olive Tree	rgb(170, 165, 134)	hsl(52, 17%, 60%)
Greek Oregano	rgb(121, 114, 78)	hsl(50, 22%, 39%)
Gunmetal	rgb(77, 99, 104)	hsl(191, 15%, 35%)
Voodoo	rgb(67, 49, 61)	hsl(320, 16%, 23%)

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.48:1 Very good#EFE0EC on #43313D
Aa9.48:1 Very good#43313D on #EFE0EC
Aa6.36:1 Good#A9C1C3 on #43313D
Aa6.36:1 Good#43313D on #A9C1C3
Aa5.01:1 Good#EFE0EC on #4D6368
Aa5.01:1 Good#4D6368 on #EFE0EC
Aa4.83:1 Good#AAA586 on #43313D
Aa4.83:1 Good#43313D on #AAA586

Color blindness preview

CSS variables

/* Antarctic Love to Voodoo — https://swatchly.xyz/palette/efe0ec-a9c1c3-aaa586-79724e-4d6368-43313d */
:root {
  --antarctic-love: #efe0ec;
  --wild-life: #a9c1c3;
  --olive-tree: #aaa586;
  --greek-oregano: #79724e;
  --gunmetal: #4d6368;
  --voodoo: #43313d;
}

Tailwind CSS v4

/* Antarctic Love to Voodoo — https://swatchly.xyz/palette/efe0ec-a9c1c3-aaa586-79724e-4d6368-43313d */
@theme {
  --color-antarctic-love: #efe0ec;
  --color-antarctic-love-50: #f6edf4;
  --color-antarctic-love-100: #efe0ec;
  --color-antarctic-love-200: #dacfd8;
  --color-antarctic-love-300: #c5b9c3;
  --color-antarctic-love-400: #a79aa5;
  --color-antarctic-love-500: #8d808a;
  --color-antarctic-love-600: #736671;
  --color-antarctic-love-700: #5d515a;
  --color-antarctic-love-800: #493f47;
  --color-antarctic-love-900: #383037;
  --color-antarctic-love-950: #231d22;
  --color-wild-life: #a9c1c3;
  --color-wild-life-50: #e8f6f7;
  --color-wild-life-100: #dbebec;
  --color-wild-life-200: #c5d7d9;
  --color-wild-life-300: #a9c1c3;
  --color-wild-life-400: #8ca2a4;
  --color-wild-life-500: #71888a;
  --color-wild-life-600: #596e70;
  --color-wild-life-700: #44585a;
  --color-wild-life-800: #344547;
  --color-wild-life-900: #273637;
  --color-wild-life-950: #172122;
  --color-olive-tree: #aaa586;
  --color-olive-tree-50: #f9f7e5;
  --color-olive-tree-100: #f0edd9;
  --color-olive-tree-200: #dedac3;
  --color-olive-tree-300: #c8c4a9;
  --color-olive-tree-400: #aaa586;
  --color-olive-tree-500: #8e896b;
  --color-olive-tree-600: #736e51;
  --color-olive-tree-700: #5b573d;
  --color-olive-tree-800: #48442d;
  --color-olive-tree-900: #373420;
  --color-olive-tree-950: #222012;
  --color-greek-oregano: #79724e;
  --color-greek-oregano-50: #faf6e0;
  --color-greek-oregano-100: #f1edd5;
  --color-greek-oregano-200: #e0dabe;
  --color-greek-oregano-300: #cbc5a4;
  --color-greek-oregano-400: #ada682;
  --color-greek-oregano-500: #938c67;
  --color-greek-oregano-600: #79724e;
  --color-greek-oregano-700: #615a39;
  --color-greek-oregano-800: #4c4629;
  --color-greek-oregano-900: #3a361d;
  --color-greek-oregano-950: #24210f;
  --color-gunmetal: #4d6368;
  --color-gunmetal-50: #eaf8fb;
  --color-gunmetal-100: #dfeef2;
  --color-gunmetal-200: #cbdde1;
  --color-gunmetal-300: #b4c9cd;
  --color-gunmetal-400: #95abb1;
  --color-gunmetal-500: #7b9297;
  --color-gunmetal-600: #62787e;
  --color-gunmetal-700: #4d6368;
  --color-gunmetal-800: #3b4e52;
  --color-gunmetal-900: #2c3c3f;
  --color-gunmetal-950: #1a2528;
  --color-voodoo: #43313d;
  --color-voodoo-50: #fef1f9;
  --color-voodoo-100: #f5e6f0;
  --color-voodoo-200: #e3d2dd;
  --color-voodoo-300: #cebac7;
  --color-voodoo-400: #b09ba9;
  --color-voodoo-500: #96818e;
  --color-voodoo-600: #7c6775;
  --color-voodoo-700: #65525e;
  --color-voodoo-800: #51414b;
  --color-voodoo-900: #43313d;
  --color-voodoo-950: #291f26;
}