Start generating

Sweet Desire to Master Nacho color palette

9942FFSweet Desire2884FFPool Water8BA9FFKitten’s EyeC36CFFIllicit Purple0084B3Mediterranean BlueFFB716Master Nacho
Open in generator Export PNG, PDF, ASE…

About this palette

Sweet Desire to Master Nacho is a 6-color vibrant, cool, neon palette: #9942FF (Sweet Desire), #2884FF (Pool Water), #8BA9FF (Kitten’s Eye), #C36CFF (Illicit Purple), #0084B3 (Mediterranean Blue), #FFB716 (Master Nacho). It mixes purple, blue, yellow tones and feels cool overall. The strongest text pairing is #9942FF on #FFB716 with a contrast ratio of 2.63:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Sweet Desirergb(153, 66, 255)hsl(268, 100%, 63%)
Pool Waterrgb(40, 132, 255)hsl(214, 100%, 58%)
Kitten’s Eyergb(139, 169, 255)hsl(224, 100%, 77%)
Illicit Purplergb(195, 108, 255)hsl(276, 100%, 71%)
Mediterranean Bluergb(0, 132, 179)hsl(196, 100%, 35%)
Master Nachorgb(255, 183, 22)hsl(41, 100%, 54%)

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.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Sweet Desire to Master Nacho — https://swatchly.xyz/palette/9942ff-2884ff-8ba9ff-c36cff-0084b3-ffb716 */
:root {
  --sweet-desire: #9942ff;
  --pool-water: #2884ff;
  --kitten-s-eye: #8ba9ff;
  --illicit-purple: #c36cff;
  --mediterranean-blue: #0084b3;
  --master-nacho: #ffb716;
}

    Tailwind CSS v4

    /* Sweet Desire to Master Nacho — https://swatchly.xyz/palette/9942ff-2884ff-8ba9ff-c36cff-0084b3-ffb716 */
@theme {
  --color-sweet-desire: #9942ff;
  --color-sweet-desire-50: #f5f1ff;
  --color-sweet-desire-100: #ece3ff;
  --color-sweet-desire-200: #dac9ff;
  --color-sweet-desire-300: #c7aaff;
  --color-sweet-desire-400: #ad7aff;
  --color-sweet-desire-500: #9942ff;
  --color-sweet-desire-600: #7f20dd;
  --color-sweet-desire-700: #6800ba;
  --color-sweet-desire-800: #520095;
  --color-sweet-desire-900: #400077;
  --color-sweet-desire-950: #290050;
  --color-pool-water: #2884ff;
  --color-pool-water-50: #f0f6ff;
  --color-pool-water-100: #e1edff;
  --color-pool-water-200: #c2dbff;
  --color-pool-water-300: #9dc5ff;
  --color-pool-water-400: #65a4ff;
  --color-pool-water-500: #2884ff;
  --color-pool-water-600: #0067dc;
  --color-pool-water-700: #0052b0;
  --color-pool-water-800: #003f8c;
  --color-pool-water-900: #00306e;
  --color-pool-water-950: #001d48;
  --color-kitten-s-eye: #8ba9ff;
  --color-kitten-s-eye-50: #f7f9ff;
  --color-kitten-s-eye-100: #ecf1ff;
  --color-kitten-s-eye-200: #d3dfff;
  --color-kitten-s-eye-300: #b5caff;
  --color-kitten-s-eye-400: #8ba9ff;
  --color-kitten-s-eye-500: #6f8bde;
  --color-kitten-s-eye-600: #546ebe;
  --color-kitten-s-eye-700: #3e559e;
  --color-kitten-s-eye-800: #2d4080;
  --color-kitten-s-eye-900: #202f65;
  --color-kitten-s-eye-950: #111c42;
  --color-illicit-purple: #c36cff;
  --color-illicit-purple-50: #f7efff;
  --color-illicit-purple-100: #f1e1ff;
  --color-illicit-purple-200: #e4c4ff;
  --color-illicit-purple-300: #d6a2ff;
  --color-illicit-purple-400: #c36cff;
  --color-illicit-purple-500: #a74fe1;
  --color-illicit-purple-600: #8c33c1;
  --color-illicit-purple-700: #731da3;
  --color-illicit-purple-800: #5c0b86;
  --color-illicit-purple-900: #4a016d;
  --color-illicit-purple-950: #300049;
  --color-mediterranean-blue: #0084b3;
  --color-mediterranean-blue-50: #e5f6ff;
  --color-mediterranean-blue-100: #cbecff;
  --color-mediterranean-blue-200: #97dbff;
  --color-mediterranean-blue-300: #6cc3f0;
  --color-mediterranean-blue-400: #3ba2d2;
  --color-mediterranean-blue-500: #0084b3;
  --color-mediterranean-blue-600: #006a91;
  --color-mediterranean-blue-700: #005574;
  --color-mediterranean-blue-800: #00435d;
  --color-mediterranean-blue-900: #003449;
  --color-mediterranean-blue-950: #002130;
  --color-master-nacho: #ffb716;
  --color-master-nacho-50: #fff7e9;
  --color-master-nacho-100: #ffecce;
  --color-master-nacho-200: #ffd58f;
  --color-master-nacho-300: #ffb716;
  --color-master-nacho-400: #d79800;
  --color-master-nacho-500: #b37e00;
  --color-master-nacho-600: #906500;
  --color-master-nacho-700: #724f00;
  --color-master-nacho-800: #593d00;
  --color-master-nacho-900: #452e00;
  --color-master-nacho-950: #2c1c00;
}

    Similar palettes