Pretty in Prune to Celery Sceptre color palette

6A2E54Pretty in Prune 5E6492Wizard’s Potion 8F8D29Captain Kirk 62CA9FMinted Elegance E7E19DCelery Sceptre

Open in generator Export PNG, PDF, ASE…

About this palette

Pretty in Prune to Celery Sceptre is a 5-color warm, earthy, vintage palette: #6A2E54 (Pretty in Prune), #5E6492 (Wizard’s Potion), #8F8D29 (Captain Kirk), #62CA9F (Minted Elegance), #E7E19D (Celery Sceptre). It mixes red, purple, yellow, green tones and feels warm overall. The strongest text pairing is #6A2E54 on #E7E19D with a contrast ratio of 7.34:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pretty in Prune	rgb(106, 46, 84)	hsl(322, 39%, 30%)
Wizard’s Potion	rgb(94, 100, 146)	hsl(233, 22%, 47%)
Captain Kirk	rgb(143, 141, 41)	hsl(59, 55%, 36%)
Minted Elegance	rgb(98, 202, 159)	hsl(155, 50%, 59%)
Celery Sceptre	rgb(231, 225, 157)	hsl(55, 61%, 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.

Aa7.34:1 Very good#6A2E54 on #E7E19D
Aa7.34:1 Very good#E7E19D on #6A2E54
Aa4.91:1 Good#6A2E54 on #62CA9F
Aa4.91:1 Good#62CA9F on #6A2E54
Aa4.22:1 Poor#5E6492 on #E7E19D
Aa4.22:1 Poor#E7E19D on #5E6492

Color blindness preview

CSS variables

/* Pretty in Prune to Celery Sceptre — https://swatchly.xyz/palette/6a2e54-5e6492-8f8d29-62ca9f-e7e19d */
:root {
  --pretty-in-prune: #6a2e54;
  --wizard-s-potion: #5e6492;
  --captain-kirk: #8f8d29;
  --minted-elegance: #62ca9f;
  --celery-sceptre: #e7e19d;
}

Tailwind CSS v4

/* Pretty in Prune to Celery Sceptre — https://swatchly.xyz/palette/6a2e54-5e6492-8f8d29-62ca9f-e7e19d */
@theme {
  --color-pretty-in-prune: #6a2e54;
  --color-pretty-in-prune-50: #fff0f8;
  --color-pretty-in-prune-100: #ffe2f2;
  --color-pretty-in-prune-200: #fbc5e4;
  --color-pretty-in-prune-300: #e9accf;
  --color-pretty-in-prune-400: #cd8bb2;
  --color-pretty-in-prune-500: #b27098;
  --color-pretty-in-prune-600: #96577d;
  --color-pretty-in-prune-700: #7d4266;
  --color-pretty-in-prune-800: #6a2e54;
  --color-pretty-in-prune-900: #512540;
  --color-pretty-in-prune-950: #351529;
  --color-wizard-s-potion: #5e6492;
  --color-wizard-s-potion-50: #f2f4ff;
  --color-wizard-s-potion-100: #e5e9ff;
  --color-wizard-s-potion-200: #cdd3fb;
  --color-wizard-s-potion-300: #b5bce8;
  --color-wizard-s-potion-400: #949bcb;
  --color-wizard-s-potion-500: #787faf;
  --color-wizard-s-potion-600: #5e6492;
  --color-wizard-s-potion-700: #4a4f77;
  --color-wizard-s-potion-800: #393d60;
  --color-wizard-s-potion-900: #2b2e4c;
  --color-wizard-s-potion-950: #1a1c31;
  --color-captain-kirk: #8f8d29;
  --color-captain-kirk-50: #f9fac7;
  --color-captain-kirk-100: #f0f0b8;
  --color-captain-kirk-200: #ddde9a;
  --color-captain-kirk-300: #c8c879;
  --color-captain-kirk-400: #aaa84e;
  --color-captain-kirk-500: #8f8d29;
  --color-captain-kirk-600: #747200;
  --color-captain-kirk-700: #5c5a00;
  --color-captain-kirk-800: #484600;
  --color-captain-kirk-900: #373600;
  --color-captain-kirk-950: #222100;
  --color-minted-elegance: #62ca9f;
  --color-minted-elegance-50: #c3fde1;
  --color-minted-elegance-100: #b0f3d3;
  --color-minted-elegance-200: #8fdfbb;
  --color-minted-elegance-300: #62ca9f;
  --color-minted-elegance-400: #44ac83;
  --color-minted-elegance-500: #1f936b;
  --color-minted-elegance-600: #007855;
  --color-minted-elegance-700: #006143;
  --color-minted-elegance-800: #004d35;
  --color-minted-elegance-900: #003d29;
  --color-minted-elegance-950: #002719;
  --color-celery-sceptre: #e7e19d;
  --color-celery-sceptre-50: #fefbd9;
  --color-celery-sceptre-100: #f6f3cc;
  --color-celery-sceptre-200: #e7e19d;
  --color-celery-sceptre-300: #cdc992;
  --color-celery-sceptre-400: #aea86a;
  --color-celery-sceptre-500: #928c4a;
  --color-celery-sceptre-600: #76702f;
  --color-celery-sceptre-700: #5e581b;
  --color-celery-sceptre-800: #49440b;
  --color-celery-sceptre-900: #393403;
  --color-celery-sceptre-950: #232000;
}