Asparagus Sultan to Dripping Wisteria color palette

5D8D28Asparagus Sultan F8C8FCSugar Chic 003E3DRich Black 86404BSilk Satin BF96BCDripping Wisteria

About this palette

Asparagus Sultan to Dripping Wisteria is a 5-color cool palette: #5D8D28 (Asparagus Sultan), #F8C8FC (Sugar Chic), #003E3D (Rich Black), #86404B (Silk Satin), #BF96BC (Dripping Wisteria). It mixes green, pink, turquoise, red tones and feels cool overall. The strongest text pairing is #F8C8FC on #003E3D with a contrast ratio of 8.35:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Asparagus Sultan	rgb(93, 141, 40)	hsl(89, 56%, 35%)
Sugar Chic	rgb(248, 200, 252)	hsl(295, 90%, 89%)
Rich Black	rgb(0, 62, 61)	hsl(179, 100%, 12%)
Silk Satin	rgb(134, 64, 75)	hsl(351, 35%, 39%)
Dripping Wisteria	rgb(191, 150, 188)	hsl(304, 24%, 67%)

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.

Aa8.35:1 Very good#F8C8FC on #003E3D
Aa8.35:1 Very good#003E3D on #F8C8FC
Aa5.15:1 Good#F8C8FC on #86404B
Aa5.15:1 Good#86404B on #F8C8FC
Aa4.73:1 Good#003E3D on #BF96BC
Aa4.73:1 Good#BF96BC on #003E3D
Aa3.02:1 Poor#5D8D28 on #003E3D
Aa3.02:1 Poor#003E3D on #5D8D28

Color blindness preview

CSS variables

/* Asparagus Sultan to Dripping Wisteria — https://swatchly.xyz/palette/5d8d28-f8c8fc-003e3d-86404b-bf96bc */
:root {
  --asparagus-sultan: #5d8d28;
  --sugar-chic: #f8c8fc;
  --rich-black: #003e3d;
  --silk-satin: #86404b;
  --dripping-wisteria: #bf96bc;
}

Tailwind CSS v4

/* Asparagus Sultan to Dripping Wisteria — https://swatchly.xyz/palette/5d8d28-f8c8fc-003e3d-86404b-bf96bc */
@theme {
  --color-asparagus-sultan: #5d8d28;
  --color-asparagus-sultan-50: #e1ffc9;
  --color-asparagus-sultan-100: #d2f5b6;
  --color-asparagus-sultan-200: #b9e197;
  --color-asparagus-sultan-300: #9dcb75;
  --color-asparagus-sultan-400: #7aaa4b;
  --color-asparagus-sultan-500: #5d8d28;
  --color-asparagus-sultan-600: #467307;
  --color-asparagus-sultan-700: #365c00;
  --color-asparagus-sultan-800: #2a4800;
  --color-asparagus-sultan-900: #1f3800;
  --color-asparagus-sultan-950: #122400;
  --color-sugar-chic: #f8c8fc;
  --color-sugar-chic-50: #fef3ff;
  --color-sugar-chic-100: #fde5ff;
  --color-sugar-chic-200: #f8c8fc;
  --color-sugar-chic-300: #dcb4df;
  --color-sugar-chic-400: #be92c1;
  --color-sugar-chic-500: #a276a6;
  --color-sugar-chic-600: #855b89;
  --color-sugar-chic-700: #6c466f;
  --color-sugar-chic-800: #553458;
  --color-sugar-chic-900: #432745;
  --color-sugar-chic-950: #2b162d;
  --color-rich-black: #003e3d;
  --color-rich-black-50: #dffcfb;
  --color-rich-black-100: #d2f3f1;
  --color-rich-black-200: #b9e1df;
  --color-rich-black-300: #9dcbc9;
  --color-rich-black-400: #7aadab;
  --color-rich-black-500: #5d9290;
  --color-rich-black-600: #447876;
  --color-rich-black-700: #30605f;
  --color-rich-black-800: #214d4b;
  --color-rich-black-900: #003e3d;
  --color-rich-black-950: #0a2625;
  --color-silk-satin: #86404b;
  --color-silk-satin-50: #fff1f2;
  --color-silk-satin-100: #ffe3e6;
  --color-silk-satin-200: #ffc8cd;
  --color-silk-satin-300: #f2adb5;
  --color-silk-satin-400: #d68c95;
  --color-silk-satin-500: #bb707a;
  --color-silk-satin-600: #9e5661;
  --color-silk-satin-700: #86404b;
  --color-silk-satin-800: #6a313a;
  --color-silk-satin-900: #54232b;
  --color-silk-satin-950: #37141a;
  --color-dripping-wisteria: #bf96bc;
  --color-dripping-wisteria-50: #fff2fe;
  --color-dripping-wisteria-100: #fee4fc;
  --color-dripping-wisteria-200: #eecfec;
  --color-dripping-wisteria-300: #dbb7d8;
  --color-dripping-wisteria-400: #bf96bc;
  --color-dripping-wisteria-500: #a27a9f;
  --color-dripping-wisteria-600: #856083;
  --color-dripping-wisteria-700: #6c4a6a;
  --color-dripping-wisteria-800: #553853;
  --color-dripping-wisteria-900: #422941;
  --color-dripping-wisteria-950: #2a1829;
}