Smidgen of Love to Turkish Jade color palette

EDCBD3Smidgen of Love 285F3BMidori E797B2Passion Potion 172618Underworld 458A93Turkish Jade

About this palette

Smidgen of Love to Turkish Jade is a 5-color vintage palette: #EDCBD3 (Smidgen of Love), #285F3B (Midori), #E797B2 (Passion Potion), #172618 (Underworld), #458A93 (Turkish Jade). It mixes pink, green, gray, turquoise tones and feels balanced overall. The strongest text pairing is #EDCBD3 on #172618 with a contrast ratio of 10.61:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Smidgen of Love	rgb(237, 203, 211)	hsl(346, 49%, 86%)
Midori	rgb(40, 95, 59)	hsl(141, 41%, 26%)
Passion Potion	rgb(231, 151, 178)	hsl(340, 62%, 75%)
Underworld	rgb(23, 38, 24)	hsl(124, 25%, 12%)
Turkish Jade	rgb(69, 138, 147)	hsl(187, 36%, 42%)

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.61:1 Very good#EDCBD3 on #172618
Aa10.61:1 Very good#172618 on #EDCBD3
Aa7.14:1 Very good#E797B2 on #172618
Aa7.14:1 Very good#172618 on #E797B2
Aa5.05:1 Good#EDCBD3 on #285F3B
Aa5.05:1 Good#285F3B on #EDCBD3
Aa4.00:1 Poor#172618 on #458A93
Aa4.00:1 Poor#458A93 on #172618

Color blindness preview

CSS variables

/* Smidgen of Love to Turkish Jade — https://swatchly.xyz/palette/edcbd3-285f3b-e797b2-172618-458a93 */
:root {
  --smidgen-of-love: #edcbd3;
  --midori: #285f3b;
  --passion-potion: #e797b2;
  --underworld: #172618;
  --turkish-jade: #458a93;
}

Tailwind CSS v4

/* Smidgen of Love to Turkish Jade — https://swatchly.xyz/palette/edcbd3-285f3b-e797b2-172618-458a93 */
@theme {
  --color-smidgen-of-love: #edcbd3;
  --color-smidgen-of-love-50: #ffeff2;
  --color-smidgen-of-love-100: #f9e3e8;
  --color-smidgen-of-love-200: #edcbd3;
  --color-smidgen-of-love-300: #d3b6bd;
  --color-smidgen-of-love-400: #b6979e;
  --color-smidgen-of-love-500: #9a7c83;
  --color-smidgen-of-love-600: #7f6269;
  --color-smidgen-of-love-700: #674d53;
  --color-smidgen-of-love-800: #523b41;
  --color-smidgen-of-love-900: #402d32;
  --color-smidgen-of-love-950: #291b1e;
  --color-midori: #285f3b;
  --color-midori-50: #dfffe7;
  --color-midori-100: #d2f6db;
  --color-midori-200: #b9e3c4;
  --color-midori-300: #9dceaa;
  --color-midori-400: #79af88;
  --color-midori-500: #5b926b;
  --color-midori-600: #417752;
  --color-midori-700: #285f3b;
  --color-midori-800: #1f4a2e;
  --color-midori-900: #153921;
  --color-midori-950: #092413;
  --color-passion-potion: #e797b2;
  --color-passion-potion-50: #ffe6ed;
  --color-passion-potion-100: #ffd4e1;
  --color-passion-potion-200: #f8b5cb;
  --color-passion-potion-300: #e797b2;
  --color-passion-potion-400: #c77b95;
  --color-passion-potion-500: #ad627d;
  --color-passion-potion-600: #914b65;
  --color-passion-potion-700: #783951;
  --color-passion-potion-800: #622b40;
  --color-passion-potion-900: #502033;
  --color-passion-potion-950: #34121f;
  --color-underworld: #172618;
  --color-underworld-50: #eef9ee;
  --color-underworld-100: #e3efe3;
  --color-underworld-200: #cedcce;
  --color-underworld-300: #b6c6b6;
  --color-underworld-400: #95a796;
  --color-underworld-500: #7a8c7b;
  --color-underworld-600: #617262;
  --color-underworld-700: #4c5c4d;
  --color-underworld-800: #3b483b;
  --color-underworld-900: #2d392d;
  --color-underworld-950: #172618;
  --color-turkish-jade: #458a93;
  --color-turkish-jade-50: #dbfbff;
  --color-turkish-jade-100: #c6f1f7;
  --color-turkish-jade-200: #aadee5;
  --color-turkish-jade-300: #8bc7cf;
  --color-turkish-jade-400: #64a7b0;
  --color-turkish-jade-500: #458a93;
  --color-turkish-jade-600: #2c7079;
  --color-turkish-jade-700: #195a62;
  --color-turkish-jade-800: #0b474e;
  --color-turkish-jade-900: #04383d;
  --color-turkish-jade-950: #012327;
}