Start generating

Plum Intended to Warm Oats color palette

5B424CPlum Intended2B271CWood Bark3F7867Majorelle Gardens72A193Emerald OasisE0E5FFVeiling WaterfallsD4D1BAWarm Oats
Open in generator Export PNG, PDF, ASE…

About this palette

Plum Intended to Warm Oats is a 6-color muted palette: #5B424C (Plum Intended), #2B271C (Wood Bark), #3F7867 (Majorelle Gardens), #72A193 (Emerald Oasis), #E0E5FF (Veiling Waterfalls), #D4D1BA (Warm Oats). It mixes red, gray, turquoise, purple tones and feels cool overall. The strongest text pairing is #2B271C on #E0E5FF with a contrast ratio of 11.93:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Plum Intendedrgb(91, 66, 76)hsl(336, 16%, 31%)
Wood Barkrgb(43, 39, 28)hsl(44, 21%, 14%)
Majorelle Gardensrgb(63, 120, 103)hsl(162, 31%, 36%)
Emerald Oasisrgb(114, 161, 147)hsl(162, 20%, 54%)
Veiling Waterfallsrgb(224, 229, 255)hsl(230, 100%, 94%)
Warm Oatsrgb(212, 209, 186)hsl(53, 23%, 78%)

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.

  • Aa11.93:1 Very good#2B271C on #E0E5FF
  • Aa11.93:1 Very good#E0E5FF on #2B271C
  • Aa9.67:1 Very good#2B271C on #D4D1BA
  • Aa9.67:1 Very good#D4D1BA on #2B271C
  • Aa7.22:1 Very good#5B424C on #E0E5FF
  • Aa7.22:1 Very good#E0E5FF on #5B424C
  • Aa5.85:1 Good#5B424C on #D4D1BA
  • Aa5.85:1 Good#D4D1BA on #5B424C

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Plum Intended to Warm Oats — https://swatchly.xyz/palette/5b424c-2b271c-3f7867-72a193-e0e5ff-d4d1ba */
:root {
  --plum-intended: #5b424c;
  --wood-bark: #2b271c;
  --majorelle-gardens: #3f7867;
  --emerald-oasis: #72a193;
  --veiling-waterfalls: #e0e5ff;
  --warm-oats: #d4d1ba;
}

Tailwind CSS v4

/* Plum Intended to Warm Oats — https://swatchly.xyz/palette/5b424c-2b271c-3f7867-72a193-e0e5ff-d4d1ba */
@theme {
  --color-plum-intended: #5b424c;
  --color-plum-intended-50: #fff1f6;
  --color-plum-intended-100: #f9e5ec;
  --color-plum-intended-200: #e7d0d9;
  --color-plum-intended-300: #d4bac4;
  --color-plum-intended-400: #b89ca6;
  --color-plum-intended-500: #9e828c;
  --color-plum-intended-600: #846973;
  --color-plum-intended-700: #6d545e;
  --color-plum-intended-800: #5b424c;
  --color-plum-intended-900: #46333a;
  --color-plum-intended-950: #2d1f25;
  --color-wood-bark: #2b271c;
  --color-wood-bark-50: #f8f5ed;
  --color-wood-bark-100: #eeebe2;
  --color-wood-bark-200: #dbd7cd;
  --color-wood-bark-300: #c5c1b5;
  --color-wood-bark-400: #a6a194;
  --color-wood-bark-500: #8c887a;
  --color-wood-bark-600: #736f62;
  --color-wood-bark-700: #5e5a4e;
  --color-wood-bark-800: #4c483e;
  --color-wood-bark-900: #3d3a31;
  --color-wood-bark-950: #2b271c;
  --color-majorelle-gardens: #3f7867;
  --color-majorelle-gardens-50: #defef2;
  --color-majorelle-gardens-100: #d0f5e8;
  --color-majorelle-gardens-200: #b7e2d4;
  --color-majorelle-gardens-300: #9ccdbd;
  --color-majorelle-gardens-400: #77af9d;
  --color-majorelle-gardens-500: #5a9381;
  --color-majorelle-gardens-600: #3f7867;
  --color-majorelle-gardens-700: #2c6051;
  --color-majorelle-gardens-800: #1d4c3f;
  --color-majorelle-gardens-900: #133b30;
  --color-majorelle-gardens-950: #08251d;
  --color-emerald-oasis: #72a193;
  --color-emerald-oasis-50: #dcf8ef;
  --color-emerald-oasis-100: #cdede3;
  --color-emerald-oasis-200: #b3d9cd;
  --color-emerald-oasis-300: #97c1b4;
  --color-emerald-oasis-400: #72a193;
  --color-emerald-oasis-500: #59887a;
  --color-emerald-oasis-600: #426f62;
  --color-emerald-oasis-700: #31594e;
  --color-emerald-oasis-800: #23473d;
  --color-emerald-oasis-900: #193830;
  --color-emerald-oasis-950: #0d241e;
  --color-veiling-waterfalls: #e0e5ff;
  --color-veiling-waterfalls-50: #edf0ff;
  --color-veiling-waterfalls-100: #e0e5ff;
  --color-veiling-waterfalls-200: #cfd3e6;
  --color-veiling-waterfalls-300: #b8bdd2;
  --color-veiling-waterfalls-400: #999eb5;
  --color-veiling-waterfalls-500: #7f839b;
  --color-veiling-waterfalls-600: #666a80;
  --color-veiling-waterfalls-700: #505468;
  --color-veiling-waterfalls-800: #3e4153;
  --color-veiling-waterfalls-900: #2f3240;
  --color-veiling-waterfalls-950: #1d1e29;
  --color-warm-oats: #d4d1ba;
  --color-warm-oats-50: #f2f1e3;
  --color-warm-oats-100: #e7e5d6;
  --color-warm-oats-200: #d4d1ba;
  --color-warm-oats-300: #bebca8;
  --color-warm-oats-400: #a09e88;
  --color-warm-oats-500: #86846e;
  --color-warm-oats-600: #6d6a56;
  --color-warm-oats-700: #575543;
  --color-warm-oats-800: #454333;
  --color-warm-oats-900: #353326;
  --color-warm-oats-950: #212016;
}

Similar palettes