Start generating

Purple Pleasures to Amethyst color palette

7749A1Purple PleasuresFFB980Goose Bill351600Shadow Play21D2B1Pristine Oceanic005648Cape Verde8A64CAAmethyst
Open in generator Export PNG, PDF, ASE…

About this palette

Purple Pleasures to Amethyst is a 6-color cool palette: #7749A1 (Purple Pleasures), #FFB980 (Goose Bill), #351600 (Shadow Play), #21D2B1 (Pristine Oceanic), #005648 (Cape Verde), #8A64CA (Amethyst). It mixes purple, orange, brown, turquoise tones and feels cool overall. The strongest text pairing is #FFB980 on #351600 with a contrast ratio of 9.88:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Purple Pleasuresrgb(119, 73, 161)hsl(271, 38%, 46%)
Goose Billrgb(255, 185, 128)hsl(27, 100%, 75%)
Shadow Playrgb(53, 22, 0)hsl(25, 100%, 10%)
Pristine Oceanicrgb(33, 210, 177)hsl(169, 73%, 48%)
Cape Verdergb(0, 86, 72)hsl(170, 100%, 17%)
Amethystrgb(138, 100, 202)hsl(262, 49%, 59%)

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.88:1 Very good#FFB980 on #351600
  • Aa9.88:1 Very good#351600 on #FFB980
  • Aa8.62:1 Very good#351600 on #21D2B1
  • Aa8.62:1 Very good#21D2B1 on #351600
  • Aa5.16:1 Good#FFB980 on #005648
  • Aa5.16:1 Good#005648 on #FFB980
  • Aa4.50:1 Good#21D2B1 on #005648
  • Aa4.50:1 Good#005648 on #21D2B1

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Purple Pleasures to Amethyst — https://swatchly.xyz/palette/7749a1-ffb980-351600-21d2b1-005648-8a64ca */
:root {
  --purple-pleasures: #7749a1;
  --goose-bill: #ffb980;
  --shadow-play: #351600;
  --pristine-oceanic: #21d2b1;
  --cape-verde: #005648;
  --amethyst: #8a64ca;
}

Tailwind CSS v4

/* Purple Pleasures to Amethyst — https://swatchly.xyz/palette/7749a1-ffb980-351600-21d2b1-005648-8a64ca */
@theme {
  --color-purple-pleasures: #7749a1;
  --color-purple-pleasures-50: #f8f2ff;
  --color-purple-pleasures-100: #f0e3ff;
  --color-purple-pleasures-200: #e1c7ff;
  --color-purple-pleasures-300: #d0a7fb;
  --color-purple-pleasures-400: #b083de;
  --color-purple-pleasures-500: #9365c0;
  --color-purple-pleasures-600: #7749a1;
  --color-purple-pleasures-700: #5f3784;
  --color-purple-pleasures-800: #4c286b;
  --color-purple-pleasures-900: #3c1d56;
  --color-purple-pleasures-950: #261039;
  --color-goose-bill: #ffb980;
  --color-goose-bill-50: #fff9f4;
  --color-goose-bill-100: #ffeee1;
  --color-goose-bill-200: #ffd6b7;
  --color-goose-bill-300: #ffb980;
  --color-goose-bill-400: #d99965;
  --color-goose-bill-500: #bc7b43;
  --color-goose-bill-600: #9d5f25;
  --color-goose-bill-700: #80480c;
  --color-goose-bill-800: #663600;
  --color-goose-bill-900: #4e2800;
  --color-goose-bill-950: #321700;
  --color-shadow-play: #351600;
  --color-shadow-play-50: #fff2eb;
  --color-shadow-play-100: #ffe6d6;
  --color-shadow-play-200: #f0d0bc;
  --color-shadow-play-300: #dcb9a2;
  --color-shadow-play-400: #bf9880;
  --color-shadow-play-500: #a47d64;
  --color-shadow-play-600: #88634b;
  --color-shadow-play-700: #6e4d37;
  --color-shadow-play-800: #583b28;
  --color-shadow-play-900: #452d1d;
  --color-shadow-play-950: #351600;
  --color-pristine-oceanic: #21d2b1;
  --color-pristine-oceanic-50: #bfffed;
  --color-pristine-oceanic-100: #9df8e0;
  --color-pristine-oceanic-200: #75e6ca;
  --color-pristine-oceanic-300: #21d2b1;
  --color-pristine-oceanic-400: #00b194;
  --color-pristine-oceanic-500: #00947c;
  --color-pristine-oceanic-600: #007864;
  --color-pristine-oceanic-700: #006050;
  --color-pristine-oceanic-800: #004d3f;
  --color-pristine-oceanic-900: #003d31;
  --color-pristine-oceanic-950: #00261e;
  --color-cape-verde: #005648;
  --color-cape-verde-50: #d9fff4;
  --color-cape-verde-100: #cbf6ea;
  --color-cape-verde-200: #b1e4d6;
  --color-cape-verde-300: #96d0c1;
  --color-cape-verde-400: #71b3a3;
  --color-cape-verde-500: #549989;
  --color-cape-verde-600: #3a7f6f;
  --color-cape-verde-700: #25685a;
  --color-cape-verde-800: #005648;
  --color-cape-verde-900: #094237;
  --color-cape-verde-950: #022a23;
  --color-amethyst: #8a64ca;
  --color-amethyst-50: #f5f1ff;
  --color-amethyst-100: #ebe2ff;
  --color-amethyst-200: #d9c8ff;
  --color-amethyst-300: #c5a8ff;
  --color-amethyst-400: #a682e8;
  --color-amethyst-500: #8a64ca;
  --color-amethyst-600: #714cac;
  --color-amethyst-700: #5b388f;
  --color-amethyst-800: #482976;
  --color-amethyst-900: #391e5f;
  --color-amethyst-950: #241140;
}

Similar palettes