Satin Deep Black to Poached Egg color palette

0E2020Satin Deep Black 5D5009Ayahuasca Vine B36783Malevolent Mauve 9D99ECCold Lips F5D998Poached Egg

Open in generator Export PNG, PDF, ASE…

About this palette

Satin Deep Black to Poached Egg is a 5-color warm, vintage palette: #0E2020 (Satin Deep Black), #5D5009 (Ayahuasca Vine), #B36783 (Malevolent Mauve), #9D99EC (Cold Lips), #F5D998 (Poached Egg). It mixes gray, brown, pink, purple, yellow tones and feels warm overall. The strongest text pairing is #0E2020 on #F5D998 with a contrast ratio of 12.25:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Satin Deep Black	rgb(14, 32, 32)	hsl(180, 39%, 9%)
Ayahuasca Vine	rgb(93, 80, 9)	hsl(51, 82%, 20%)
Malevolent Mauve	rgb(179, 103, 131)	hsl(338, 33%, 55%)
Cold Lips	rgb(157, 153, 236)	hsl(243, 69%, 76%)
Poached Egg	rgb(245, 217, 152)	hsl(42, 82%, 78%)

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.

Aa12.25:1 Super#0E2020 on #F5D998
Aa12.25:1 Super#F5D998 on #0E2020
Aa6.58:1 Good#0E2020 on #9D99EC
Aa6.58:1 Good#9D99EC on #0E2020
Aa5.83:1 Good#5D5009 on #F5D998
Aa5.83:1 Good#F5D998 on #5D5009
Aa4.16:1 Poor#0E2020 on #B36783
Aa4.16:1 Poor#B36783 on #0E2020

Color blindness preview

CSS variables

/* Satin Deep Black to Poached Egg — https://swatchly.xyz/palette/0e2020-5d5009-b36783-9d99ec-f5d998 */
:root {
  --satin-deep-black: #0e2020;
  --ayahuasca-vine: #5d5009;
  --malevolent-mauve: #b36783;
  --cold-lips: #9d99ec;
  --poached-egg: #f5d998;
}

Tailwind CSS v4

/* Satin Deep Black to Poached Egg — https://swatchly.xyz/palette/0e2020-5d5009-b36783-9d99ec-f5d998 */
@theme {
  --color-satin-deep-black: #0e2020;
  --color-satin-deep-black-50: #ecf8f8;
  --color-satin-deep-black-100: #e1eeee;
  --color-satin-deep-black-200: #cbdbdb;
  --color-satin-deep-black-300: #b3c5c5;
  --color-satin-deep-black-400: #92a6a6;
  --color-satin-deep-black-500: #768a8a;
  --color-satin-deep-black-600: #5b6f6f;
  --color-satin-deep-black-700: #465857;
  --color-satin-deep-black-800: #344444;
  --color-satin-deep-black-900: #263333;
  --color-satin-deep-black-950: #0e2020;
  --color-ayahuasca-vine: #5d5009;
  --color-ayahuasca-vine-50: #fdf6d3;
  --color-ayahuasca-vine-100: #f4ecc4;
  --color-ayahuasca-vine-200: #e1d8a8;
  --color-ayahuasca-vine-300: #cbc089;
  --color-ayahuasca-vine-400: #ac9f62;
  --color-ayahuasca-vine-500: #908344;
  --color-ayahuasca-vine-600: #74682a;
  --color-ayahuasca-vine-700: #5d5009;
  --color-ayahuasca-vine-800: #483e09;
  --color-ayahuasca-vine-900: #383003;
  --color-ayahuasca-vine-950: #231d01;
  --color-malevolent-mauve: #b36783;
  --color-malevolent-mauve-50: #fff0f4;
  --color-malevolent-mauve-100: #ffe0ea;
  --color-malevolent-mauve-200: #ffc1d6;
  --color-malevolent-mauve-300: #eea6bf;
  --color-malevolent-mauve-400: #d0849f;
  --color-malevolent-mauve-500: #b36783;
  --color-malevolent-mauve-600: #964e69;
  --color-malevolent-mauve-700: #7b3a53;
  --color-malevolent-mauve-800: #632b41;
  --color-malevolent-mauve-900: #4f1f32;
  --color-malevolent-mauve-950: #33111f;
  --color-cold-lips: #9d99ec;
  --color-cold-lips-50: #f5f5ff;
  --color-cold-lips-100: #eaebff;
  --color-cold-lips-200: #d5d5ff;
  --color-cold-lips-300: #bdbbff;
  --color-cold-lips-400: #9d99ec;
  --color-cold-lips-500: #827dcd;
  --color-cold-lips-600: #6862af;
  --color-cold-lips-700: #524b91;
  --color-cold-lips-800: #3f3976;
  --color-cold-lips-900: #302a5e;
  --color-cold-lips-950: #1d193e;
  --color-poached-egg: #f5d998;
  --color-poached-egg-50: #fff8e7;
  --color-poached-egg-100: #feeec8;
  --color-poached-egg-200: #f5d998;
  --color-poached-egg-300: #d9c28d;
  --color-poached-egg-400: #bba165;
  --color-poached-egg-500: #9f8546;
  --color-poached-egg-600: #836a2b;
  --color-poached-egg-700: #695216;
  --color-poached-egg-800: #533f06;
  --color-poached-egg-900: #413000;
  --color-poached-egg-950: #291d00;
}