Start generating

Elegant Purple Gown to Peach Taffy color palette

541A64Elegant Purple Gown32A5F0Cerulean25922DEmeraldFFE5D7Slightly in Love3C6F34BotanicalEEBB98Peach Taffy
Open in generator Export PNG, PDF, ASE…

About this palette

Elegant Purple Gown to Peach Taffy is a 6-color cool palette: #541A64 (Elegant Purple Gown), #32A5F0 (Cerulean), #25922D (Emerald), #FFE5D7 (Slightly in Love), #3C6F34 (Botanical), #EEBB98 (Peach Taffy). It mixes purple, blue, green, white, orange tones and feels cool overall. The strongest text pairing is #541A64 on #FFE5D7 with a contrast ratio of 10.21:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Elegant Purple Gownrgb(84, 26, 100)hsl(287, 59%, 25%)
Ceruleanrgb(50, 165, 240)hsl(204, 86%, 57%)
Emeraldrgb(37, 146, 45)hsl(124, 60%, 36%)
Slightly in Lovergb(255, 229, 215)hsl(21, 100%, 92%)
Botanicalrgb(60, 111, 52)hsl(112, 36%, 32%)
Peach Taffyrgb(238, 187, 152)hsl(24, 72%, 76%)

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.

  • Aa10.21:1 Very good#541A64 on #FFE5D7
  • Aa10.21:1 Very good#FFE5D7 on #541A64
  • Aa7.14:1 Very good#541A64 on #EEBB98
  • Aa7.14:1 Very good#EEBB98 on #541A64
  • Aa4.96:1 Good#FFE5D7 on #3C6F34
  • Aa4.96:1 Good#3C6F34 on #FFE5D7
  • Aa4.55:1 Good#541A64 on #32A5F0
  • Aa4.55:1 Good#32A5F0 on #541A64

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Elegant Purple Gown to Peach Taffy — https://swatchly.xyz/palette/541a64-32a5f0-25922d-ffe5d7-3c6f34-eebb98 */
:root {
  --elegant-purple-gown: #541a64;
  --cerulean: #32a5f0;
  --emerald: #25922d;
  --slightly-in-love: #ffe5d7;
  --botanical: #3c6f34;
  --peach-taffy: #eebb98;
}

Tailwind CSS v4

/* Elegant Purple Gown to Peach Taffy — https://swatchly.xyz/palette/541a64-32a5f0-25922d-ffe5d7-3c6f34-eebb98 */
@theme {
  --color-elegant-purple-gown: #541a64;
  --color-elegant-purple-gown-50: #fcf1ff;
  --color-elegant-purple-gown-100: #f8e2ff;
  --color-elegant-purple-gown-200: #f1c5ff;
  --color-elegant-purple-gown-300: #dfaaf0;
  --color-elegant-purple-gown-400: #c389d5;
  --color-elegant-purple-gown-500: #a96dbb;
  --color-elegant-purple-gown-600: #8e54a0;
  --color-elegant-purple-gown-700: #764086;
  --color-elegant-purple-gown-800: #61306f;
  --color-elegant-purple-gown-900: #541a64;
  --color-elegant-purple-gown-950: #34143d;
  --color-cerulean: #32a5f0;
  --color-cerulean-50: #e9f5ff;
  --color-cerulean-100: #d5ecff;
  --color-cerulean-200: #acdaff;
  --color-cerulean-300: #79c5ff;
  --color-cerulean-400: #32a5f0;
  --color-cerulean-500: #0089d1;
  --color-cerulean-600: #006faa;
  --color-cerulean-700: #005888;
  --color-cerulean-800: #00456c;
  --color-cerulean-900: #003555;
  --color-cerulean-950: #002238;
  --color-emerald: #25922d;
  --color-emerald-50: #d9ffd8;
  --color-emerald-100: #bafab8;
  --color-emerald-200: #9ae799;
  --color-emerald-300: #78d178;
  --color-emerald-400: #4cb04e;
  --color-emerald-500: #25922d;
  --color-emerald-600: #007814;
  --color-emerald-700: #005f0e;
  --color-emerald-800: #004b09;
  --color-emerald-900: #003b05;
  --color-emerald-950: #002602;
  --color-slightly-in-love: #ffe5d7;
  --color-slightly-in-love-50: #fff2eb;
  --color-slightly-in-love-100: #ffe5d7;
  --color-slightly-in-love-200: #e6d3c9;
  --color-slightly-in-love-300: #d1bcb0;
  --color-slightly-in-love-400: #b39c8f;
  --color-slightly-in-love-500: #988174;
  --color-slightly-in-love-600: #7c665b;
  --color-slightly-in-love-700: #645046;
  --color-slightly-in-love-800: #4f3e35;
  --color-slightly-in-love-900: #3e2f27;
  --color-slightly-in-love-950: #271d17;
  --color-botanical: #3c6f34;
  --color-botanical-50: #e2ffdd;
  --color-botanical-100: #d1f5cb;
  --color-botanical-200: #b7e1b0;
  --color-botanical-300: #9aca92;
  --color-botanical-400: #75a96d;
  --color-botanical-500: #588c50;
  --color-botanical-600: #3c6f34;
  --color-botanical-700: #2d5926;
  --color-botanical-800: #20461a;
  --color-botanical-900: #163711;
  --color-botanical-950: #0b2207;
  --color-peach-taffy: #eebb98;
  --color-peach-taffy-50: #fff6f1;
  --color-peach-taffy-100: #ffebde;
  --color-peach-taffy-200: #fad4bb;
  --color-peach-taffy-300: #eebb98;
  --color-peach-taffy-400: #ca9b7b;
  --color-peach-taffy-500: #ae7e5d;
  --color-peach-taffy-600: #906343;
  --color-peach-taffy-700: #754c2f;
  --color-peach-taffy-800: #5d3a20;
  --color-peach-taffy-900: #482b14;
  --color-peach-taffy-950: #2f1909;
}

Similar palettes