Start generating

Glacial Drift to Black Turmeric color palette

BEFCF6Glacial DriftFFB4BFMatt Pink878BD0Magic Carpet1C968AGreen Dynasty695800Ayahuasca Vine303D64Black Turmeric
Open in generator Export PNG, PDF, ASE…

About this palette

Glacial Drift to Black Turmeric is a 6-color cool palette: #BEFCF6 (Glacial Drift), #FFB4BF (Matt Pink), #878BD0 (Magic Carpet), #1C968A (Green Dynasty), #695800 (Ayahuasca Vine), #303D64 (Black Turmeric). It mixes turquoise, pink, purple, brown, blue tones and feels cool overall. The strongest text pairing is #BEFCF6 on #303D64 with a contrast ratio of 9.33:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Glacial Driftrgb(190, 252, 246)hsl(174, 91%, 87%)
Matt Pinkrgb(255, 180, 191)hsl(351, 100%, 85%)
Magic Carpetrgb(135, 139, 208)hsl(237, 44%, 67%)
Green Dynastyrgb(28, 150, 138)hsl(174, 69%, 35%)
Ayahuasca Vinergb(105, 88, 0)hsl(50, 100%, 21%)
Black Turmericrgb(48, 61, 100)hsl(225, 35%, 29%)

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.33:1 Very good#BEFCF6 on #303D64
  • Aa9.33:1 Very good#303D64 on #BEFCF6
  • Aa6.34:1 Good#FFB4BF on #303D64
  • Aa6.34:1 Good#303D64 on #FFB4BF
  • Aa6.16:1 Good#BEFCF6 on #695800
  • Aa6.16:1 Good#695800 on #BEFCF6
  • Aa4.18:1 Poor#FFB4BF on #695800
  • Aa4.18:1 Poor#695800 on #FFB4BF

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Glacial Drift to Black Turmeric — https://swatchly.xyz/palette/befcf6-ffb4bf-878bd0-1c968a-695800-303d64 */
:root {
  --glacial-drift: #befcf6;
  --matt-pink: #ffb4bf;
  --magic-carpet: #878bd0;
  --green-dynasty: #1c968a;
  --ayahuasca-vine: #695800;
  --black-turmeric: #303d64;
}

Tailwind CSS v4

/* Glacial Drift to Black Turmeric — https://swatchly.xyz/palette/befcf6-ffb4bf-878bd0-1c968a-695800-303d64 */
@theme {
  --color-glacial-drift: #befcf6;
  --color-glacial-drift-50: #dffffc;
  --color-glacial-drift-100: #befcf6;
  --color-glacial-drift-200: #b8e4df;
  --color-glacial-drift-300: #9ccec9;
  --color-glacial-drift-400: #76afaa;
  --color-glacial-drift-500: #58938e;
  --color-glacial-drift-600: #3e7873;
  --color-glacial-drift-700: #29605c;
  --color-glacial-drift-800: #1a4b48;
  --color-glacial-drift-900: #103a37;
  --color-glacial-drift-950: #062523;
  --color-matt-pink: #ffb4bf;
  --color-matt-pink-50: #fff9fa;
  --color-matt-pink-100: #ffeef0;
  --color-matt-pink-200: #ffd4d9;
  --color-matt-pink-300: #ffb4bf;
  --color-matt-pink-400: #d8959f;
  --color-matt-pink-500: #bb7681;
  --color-matt-pink-600: #9c5a65;
  --color-matt-pink-700: #7f444e;
  --color-matt-pink-800: #65313b;
  --color-matt-pink-900: #4e232b;
  --color-matt-pink-950: #33141a;
  --color-magic-carpet: #878bd0;
  --color-magic-carpet-50: #f6f7ff;
  --color-magic-carpet-100: #eceeff;
  --color-magic-carpet-200: #d8dbff;
  --color-magic-carpet-300: #bfc4ff;
  --color-magic-carpet-400: #a1a5e7;
  --color-magic-carpet-500: #878bd0;
  --color-magic-carpet-600: #6b6eb0;
  --color-magic-carpet-700: #535592;
  --color-magic-carpet-800: #404176;
  --color-magic-carpet-900: #30305d;
  --color-magic-carpet-950: #1c1c3d;
  --color-green-dynasty: #1c968a;
  --color-green-dynasty-50: #d4fff8;
  --color-green-dynasty-100: #baf8ef;
  --color-green-dynasty-200: #9be6dc;
  --color-green-dynasty-300: #78d1c5;
  --color-green-dynasty-400: #49b2a6;
  --color-green-dynasty-500: #1c968a;
  --color-green-dynasty-600: #007a6f;
  --color-green-dynasty-700: #006158;
  --color-green-dynasty-800: #004c45;
  --color-green-dynasty-900: #003b35;
  --color-green-dynasty-950: #002521;
  --color-ayahuasca-vine: #695800;
  --color-ayahuasca-vine-50: #fff6cf;
  --color-ayahuasca-vine-100: #f7ecbf;
  --color-ayahuasca-vine-200: #e6d9a4;
  --color-ayahuasca-vine-300: #d2c386;
  --color-ayahuasca-vine-400: #b4a45f;
  --color-ayahuasca-vine-500: #9a8940;
  --color-ayahuasca-vine-600: #7f6e25;
  --color-ayahuasca-vine-700: #695800;
  --color-ayahuasca-vine-800: #524500;
  --color-ayahuasca-vine-900: #403400;
  --color-ayahuasca-vine-950: #282000;
  --color-black-turmeric: #303d64;
  --color-black-turmeric-50: #f1f5ff;
  --color-black-turmeric-100: #e3ebff;
  --color-black-turmeric-200: #c9d7fb;
  --color-black-turmeric-300: #b0bfe8;
  --color-black-turmeric-400: #8f9fcb;
  --color-black-turmeric-500: #7383af;
  --color-black-turmeric-600: #596891;
  --color-black-turmeric-700: #445176;
  --color-black-turmeric-800: #303d64;
  --color-black-turmeric-900: #262f4a;
  --color-black-turmeric-950: #161c30;
}

Similar palettes