Antarctic Love to Couch Potato color palette

About this palette

Antarctic Love to Couch Potato is a 5-color muted palette: #F0DCE2 (Antarctic Love), #455567 (Inkjet), #619082 (Martian Cerulean), #151C27 (The Count’s Black), #C3B6A3 (Couch Potato). It mixes gray, blue, turquoise tones and feels cool overall. The strongest text pairing is #F0DCE2 on #151C27 with a contrast ratio of 13.07:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Antarctic Lovergb(240, 220, 226)hsl(342, 40%, 90%)
Inkjetrgb(69, 85, 103)hsl(212, 20%, 34%)
Martian Ceruleanrgb(97, 144, 130)hsl(162, 20%, 47%)
The Count’s Blackrgb(21, 28, 39)hsl(217, 30%, 12%)
Couch Potatorgb(195, 182, 163)hsl(36, 21%, 70%)

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.

  • Aa13.07:1 Super#F0DCE2 on #151C27
  • Aa13.07:1 Super#151C27 on #F0DCE2
  • Aa8.59:1 Very good#151C27 on #C3B6A3
  • Aa8.59:1 Very good#C3B6A3 on #151C27
  • Aa5.84:1 Good#F0DCE2 on #455567
  • Aa5.84:1 Good#455567 on #F0DCE2
  • Aa4.74:1 Good#619082 on #151C27
  • Aa4.74:1 Good#151C27 on #619082

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Antarctic Love to Couch Potato — https://swatchly.xyz/palette/f0dce2-455567-619082-151c27-c3b6a3 */
:root {
  --antarctic-love: #f0dce2;
  --inkjet: #455567;
  --martian-cerulean: #619082;
  --the-count-s-black: #151c27;
  --couch-potato: #c3b6a3;
}

Tailwind CSS v4

/* Antarctic Love to Couch Potato — https://swatchly.xyz/palette/f0dce2-455567-619082-151c27-c3b6a3 */
@theme {
  --color-antarctic-love: #f0dce2;
  --color-antarctic-love-50: #f6eaed;
  --color-antarctic-love-100: #f0dce2;
  --color-antarctic-love-200: #dbcbd0;
  --color-antarctic-love-300: #c7b6bb;
  --color-antarctic-love-400: #aa989d;
  --color-antarctic-love-500: #907e83;
  --color-antarctic-love-600: #76656a;
  --color-antarctic-love-700: #605055;
  --color-antarctic-love-800: #4b3e42;
  --color-antarctic-love-900: #3b2f33;
  --color-antarctic-love-950: #251d1f;
  --color-inkjet: #455567;
  --color-inkjet-50: #eef6ff;
  --color-inkjet-100: #e1edfa;
  --color-inkjet-200: #cbd9e9;
  --color-inkjet-300: #b2c2d4;
  --color-inkjet-400: #91a2b6;
  --color-inkjet-500: #75879a;
  --color-inkjet-600: #5c6c7e;
  --color-inkjet-700: #455567;
  --color-inkjet-800: #354250;
  --color-inkjet-900: #28333f;
  --color-inkjet-950: #171f28;
  --color-martian-cerulean: #619082;
  --color-martian-cerulean-50: #e1fcf3;
  --color-martian-cerulean-100: #d4f3e9;
  --color-martian-cerulean-200: #bce0d4;
  --color-martian-cerulean-300: #a1cabd;
  --color-martian-cerulean-400: #7eac9e;
  --color-martian-cerulean-500: #619082;
  --color-martian-cerulean-600: #487568;
  --color-martian-cerulean-700: #345e52;
  --color-martian-cerulean-800: #254a40;
  --color-martian-cerulean-900: #1a3931;
  --color-martian-cerulean-950: #0d241e;
  --color-the-count-s-black: #151c27;
  --color-the-count-s-black-50: #f0f6fe;
  --color-the-count-s-black-100: #e5ecf5;
  --color-the-count-s-black-200: #d1d8e4;
  --color-the-count-s-black-300: #b9c1ce;
  --color-the-count-s-black-400: #99a2b0;
  --color-the-count-s-black-500: #7d8694;
  --color-the-count-s-black-600: #626b78;
  --color-the-count-s-black-700: #4c5460;
  --color-the-count-s-black-800: #3a404a;
  --color-the-count-s-black-900: #2b3039;
  --color-the-count-s-black-950: #151c27;
  --color-couch-potato: #c3b6a3;
  --color-couch-potato-50: #f7efe4;
  --color-couch-potato-100: #ede4d7;
  --color-couch-potato-200: #d9cebf;
  --color-couch-potato-300: #c3b6a3;
  --color-couch-potato-400: #a59886;
  --color-couch-potato-500: #8b7f6d;
  --color-couch-potato-600: #716655;
  --color-couch-potato-700: #5b5142;
  --color-couch-potato-800: #494032;
  --color-couch-potato-900: #393226;
  --color-couch-potato-950: #241e16;
}

Similar palettes