Start generating

Sugar Cookie Crust to Maharaja color palette

EDCDADSugar Cookie CrustB297C5Enchanted LilacB16900Ginger00716BPine Scented Lagoon443657Maharaja
Open in generator Export PNG, PDF, ASE…

About this palette

Sugar Cookie Crust to Maharaja is a 5-color cool, vintage palette: #EDCDAD (Sugar Cookie Crust), #B297C5 (Enchanted Lilac), #B16900 (Ginger), #00716B (Pine Scented Lagoon), #443657 (Maharaja). It mixes orange, purple, turquoise tones and feels cool overall. The strongest text pairing is #EDCDAD on #443657 with a contrast ratio of 7.29:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Sugar Cookie Crustrgb(237, 205, 173)hsl(30, 64%, 80%)
Enchanted Lilacrgb(178, 151, 197)hsl(275, 28%, 68%)
Gingerrgb(177, 105, 0)hsl(36, 100%, 35%)
Pine Scented Lagoonrgb(0, 113, 107)hsl(177, 100%, 22%)
Maharajargb(68, 54, 87)hsl(265, 23%, 28%)

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.29:1 Very good#EDCDAD on #443657
  • Aa7.29:1 Very good#443657 on #EDCDAD
  • Aa4.25:1 Poor#B297C5 on #443657
  • Aa4.25:1 Poor#443657 on #B297C5
  • Aa3.90:1 Poor#EDCDAD on #00716B
  • Aa3.90:1 Poor#00716B on #EDCDAD

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Sugar Cookie Crust to Maharaja — https://swatchly.xyz/palette/edcdad-b297c5-b16900-00716b-443657 */
:root {
  --sugar-cookie-crust: #edcdad;
  --enchanted-lilac: #b297c5;
  --ginger: #b16900;
  --pine-scented-lagoon: #00716b;
  --maharaja: #443657;
}

Tailwind CSS v4

/* Sugar Cookie Crust to Maharaja — https://swatchly.xyz/palette/edcdad-b297c5-b16900-00716b-443657 */
@theme {
  --color-sugar-cookie-crust: #edcdad;
  --color-sugar-cookie-crust-50: #ffefe0;
  --color-sugar-cookie-crust-100: #f9e4cf;
  --color-sugar-cookie-crust-200: #edcdad;
  --color-sugar-cookie-crust-300: #d3b89d;
  --color-sugar-cookie-crust-400: #b6997b;
  --color-sugar-cookie-crust-500: #9b7e60;
  --color-sugar-cookie-crust-600: #806548;
  --color-sugar-cookie-crust-700: #684f35;
  --color-sugar-cookie-crust-800: #533d27;
  --color-sugar-cookie-crust-900: #412f1b;
  --color-sugar-cookie-crust-950: #291c0e;
  --color-enchanted-lilac: #b297c5;
  --color-enchanted-lilac-50: #faf3ff;
  --color-enchanted-lilac-100: #f4e6ff;
  --color-enchanted-lilac-200: #e4d0f3;
  --color-enchanted-lilac-300: #cfb8e0;
  --color-enchanted-lilac-400: #b297c5;
  --color-enchanted-lilac-500: #967ca8;
  --color-enchanted-lilac-600: #7a618b;
  --color-enchanted-lilac-700: #624b72;
  --color-enchanted-lilac-800: #4d395b;
  --color-enchanted-lilac-900: #3c2b47;
  --color-enchanted-lilac-950: #26192e;
  --color-ginger: #b16900;
  --color-ginger-50: #fff1e3;
  --color-ginger-100: #ffe2c7;
  --color-ginger-200: #ffc58e;
  --color-ginger-300: #eeaa66;
  --color-ginger-400: #cf8736;
  --color-ginger-500: #b16900;
  --color-ginger-600: #8f5400;
  --color-ginger-700: #734200;
  --color-ginger-800: #5b3300;
  --color-ginger-900: #482700;
  --color-ginger-950: #2f1800;
  --color-pine-scented-lagoon: #00716b;
  --color-pine-scented-lagoon-50: #d6fffb;
  --color-pine-scented-lagoon-100: #c1f6f0;
  --color-pine-scented-lagoon-200: #a2e2dc;
  --color-pine-scented-lagoon-300: #80cbc4;
  --color-pine-scented-lagoon-400: #56aba4;
  --color-pine-scented-lagoon-500: #328e87;
  --color-pine-scented-lagoon-600: #00716b;
  --color-pine-scented-lagoon-700: #005a55;
  --color-pine-scented-lagoon-800: #004642;
  --color-pine-scented-lagoon-900: #003733;
  --color-pine-scented-lagoon-950: #002220;
  --color-maharaja: #443657;
  --color-maharaja-50: #f7f3ff;
  --color-maharaja-100: #f0e6ff;
  --color-maharaja-200: #ddd1f0;
  --color-maharaja-300: #c6b9db;
  --color-maharaja-400: #a798bd;
  --color-maharaja-500: #8a7ba1;
  --color-maharaja-600: #6f6184;
  --color-maharaja-700: #574a6a;
  --color-maharaja-800: #443657;
  --color-maharaja-900: #332a40;
  --color-maharaja-950: #201929;
}

Similar palettes