Antarctic Love to Call It a Night Color Palette

About this palette

Antarctic Love to Call It a Night is a 5-color muted, cool, gradient palette: #EEE0EB (Antarctic Love), #D0BECC (Tamed Beauty), #A783AA (Heart Potion), #675165 (Hibernation), #483349 (Call It a Night). It mixes gray, pink, purple tones and feels cool overall. The strongest text pairing is #EEE0EB on #483349 with a contrast ratio of 8.94:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Antarctic Love	rgb(238, 224, 235)	hsl(313, 29%, 91%)
Tamed Beauty	rgb(208, 190, 204)	hsl(313, 16%, 78%)
Heart Potion	rgb(167, 131, 170)	hsl(295, 19%, 59%)
Hibernation	rgb(103, 81, 101)	hsl(305, 12%, 36%)
Call It a Night	rgb(72, 51, 73)	hsl(297, 18%, 24%)

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.94:1 Very good#EEE0EB on #483349
Aa8.94:1 Very good#483349 on #EEE0EB
Aa6.46:1 Good#D0BECC on #483349
Aa6.46:1 Good#483349 on #D0BECC
Aa5.61:1 Good#EEE0EB on #675165
Aa5.61:1 Good#675165 on #EEE0EB
Aa4.05:1 Poor#D0BECC on #675165
Aa4.05:1 Poor#675165 on #D0BECC

Color blindness preview

CSS variables

/* Antarctic Love to Call It a Night — https://swatchly.xyz/palette/eee0eb-d0becc-a783aa-675165-483349 */
:root {
  --antarctic-love: #eee0eb;
  --tamed-beauty: #d0becc;
  --heart-potion: #a783aa;
  --hibernation: #675165;
  --call-it-a-night: #483349;
}

Tailwind CSS v4

/* Antarctic Love to Call It a Night — https://swatchly.xyz/palette/eee0eb-d0becc-a783aa-675165-483349 */
@theme {
  --color-antarctic-love: #eee0eb;
  --color-antarctic-love-50: #f5edf3;
  --color-antarctic-love-100: #eee0eb;
  --color-antarctic-love-200: #d9cfd7;
  --color-antarctic-love-300: #c4b9c2;
  --color-antarctic-love-400: #a79aa4;
  --color-antarctic-love-500: #8c808a;
  --color-antarctic-love-600: #736770;
  --color-antarctic-love-700: #5c515a;
  --color-antarctic-love-800: #483f46;
  --color-antarctic-love-900: #383036;
  --color-antarctic-love-950: #231d22;
  --color-tamed-beauty: #d0becc;
  --color-tamed-beauty-50: #fdf3fb;
  --color-tamed-beauty-100: #f5eaf2;
  --color-tamed-beauty-200: #e3d6e0;
  --color-tamed-beauty-300: #d0becc;
  --color-tamed-beauty-400: #af9eab;
  --color-tamed-beauty-500: #93828f;
  --color-tamed-beauty-600: #786874;
  --color-tamed-beauty-700: #5f515c;
  --color-tamed-beauty-800: #4b3e48;
  --color-tamed-beauty-900: #3a2f37;
  --color-tamed-beauty-950: #241d22;
  --color-heart-potion: #a783aa;
  --color-heart-potion-50: #fef3ff;
  --color-heart-potion-100: #fde7ff;
  --color-heart-potion-200: #efd3f1;
  --color-heart-potion-300: #dcbdde;
  --color-heart-potion-400: #c09ec3;
  --color-heart-potion-500: #a783aa;
  --color-heart-potion-600: #89678c;
  --color-heart-potion-700: #6f4f72;
  --color-heart-potion-800: #573c5a;
  --color-heart-potion-900: #442c46;
  --color-heart-potion-950: #2a1a2c;
  --color-hibernation: #675165;
  --color-hibernation-50: #fff0fd;
  --color-hibernation-100: #f6e5f4;
  --color-hibernation-200: #e5d1e2;
  --color-hibernation-300: #d0bbce;
  --color-hibernation-400: #b39bb0;
  --color-hibernation-500: #988096;
  --color-hibernation-600: #7d677b;
  --color-hibernation-700: #675165;
  --color-hibernation-800: #513f4f;
  --color-hibernation-900: #3f2f3d;
  --color-hibernation-950: #281d27;
  --color-call-it-a-night: #483349;
  --color-call-it-a-night-50: #fef0ff;
  --color-call-it-a-night-100: #f6e5f6;
  --color-call-it-a-night-200: #e4d0e4;
  --color-call-it-a-night-300: #cdb7ce;
  --color-call-it-a-night-400: #ae96af;
  --color-call-it-a-night-500: #917992;
  --color-call-it-a-night-600: #745e75;
  --color-call-it-a-night-700: #5b475c;
  --color-call-it-a-night-800: #483349;
  --color-call-it-a-night-900: #362836;
  --color-call-it-a-night-950: #211722;
}