Close but No Cigar to Avocado Stone color palette

2E2212Close but No Cigar E3B5F7Candy Dreams 398481Emerald Whispers 00B0A7Billiard 7A5390Ninja Princess 4E3B19Avocado Stone

Open in generator Export PNG, PDF, ASE…

About this palette

Close but No Cigar to Avocado Stone is a 6-color cool palette: #2E2212 (Close but No Cigar), #E3B5F7 (Candy Dreams), #398481 (Emerald Whispers), #00B0A7 (Billiard), #7A5390 (Ninja Princess), #4E3B19 (Avocado Stone). It mixes gray, purple, turquoise, brown tones and feels cool overall. The strongest text pairing is #2E2212 on #E3B5F7 with a contrast ratio of 9.03:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(46, 34, 18)	hsl(34, 44%, 13%)
Candy Dreams	rgb(227, 181, 247)	hsl(282, 80%, 84%)
Emerald Whispers	rgb(57, 132, 129)	hsl(178, 40%, 37%)
Billiard	rgb(0, 176, 167)	hsl(177, 100%, 35%)
Ninja Princess	rgb(122, 83, 144)	hsl(278, 27%, 45%)
Avocado Stone	rgb(78, 59, 25)	hsl(38, 51%, 20%)

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.

Aa9.03:1 Very good#2E2212 on #E3B5F7
Aa9.03:1 Very good#E3B5F7 on #2E2212
Aa6.22:1 Good#E3B5F7 on #4E3B19
Aa6.22:1 Good#4E3B19 on #E3B5F7
Aa5.74:1 Good#2E2212 on #00B0A7
Aa5.74:1 Good#00B0A7 on #2E2212
Aa3.96:1 Poor#00B0A7 on #4E3B19
Aa3.96:1 Poor#4E3B19 on #00B0A7

Color blindness preview

CSS variables

/* Close but No Cigar to Avocado Stone — https://swatchly.xyz/palette/2e2212-e3b5f7-398481-00b0a7-7a5390-4e3b19 */
:root {
  --close-but-no-cigar: #2e2212;
  --candy-dreams: #e3b5f7;
  --emerald-whispers: #398481;
  --billiard: #00b0a7;
  --ninja-princess: #7a5390;
  --avocado-stone: #4e3b19;
}

Tailwind CSS v4

/* Close but No Cigar to Avocado Stone — https://swatchly.xyz/palette/2e2212-e3b5f7-398481-00b0a7-7a5390-4e3b19 */
@theme {
  --color-close-but-no-cigar: #2e2212;
  --color-close-but-no-cigar-50: #fdf4e8;
  --color-close-but-no-cigar-100: #f4e9dd;
  --color-close-but-no-cigar-200: #e1d5c7;
  --color-close-but-no-cigar-300: #ccbfae;
  --color-close-but-no-cigar-400: #ae9f8d;
  --color-close-but-no-cigar-500: #938572;
  --color-close-but-no-cigar-600: #796b5a;
  --color-close-but-no-cigar-700: #635646;
  --color-close-but-no-cigar-800: #504436;
  --color-close-but-no-cigar-900: #3f3629;
  --color-close-but-no-cigar-950: #2e2212;
  --color-candy-dreams: #e3b5f7;
  --color-candy-dreams-50: #fdf7ff;
  --color-candy-dreams-100: #f9ebff;
  --color-candy-dreams-200: #f1d1ff;
  --color-candy-dreams-300: #e3b5f7;
  --color-candy-dreams-400: #c096d2;
  --color-candy-dreams-500: #a378b6;
  --color-candy-dreams-600: #865c98;
  --color-candy-dreams-700: #6c467c;
  --color-candy-dreams-800: #553463;
  --color-candy-dreams-900: #41254d;
  --color-candy-dreams-950: #2a1532;
  --color-emerald-whispers: #398481;
  --color-emerald-whispers-50: #d7fefc;
  --color-emerald-whispers-100: #ccf7f5;
  --color-emerald-whispers-200: #b3e7e4;
  --color-emerald-whispers-300: #98d4d1;
  --color-emerald-whispers-400: #73b7b4;
  --color-emerald-whispers-500: #559e9a;
  --color-emerald-whispers-600: #398481;
  --color-emerald-whispers-700: #216a67;
  --color-emerald-whispers-800: #0e5451;
  --color-emerald-whispers-900: #02413f;
  --color-emerald-whispers-950: #002927;
  --color-billiard: #00b0a7;
  --color-billiard-50: #c8fff9;
  --color-billiard-100: #aaf8f0;
  --color-billiard-200: #86e5dd;
  --color-billiard-300: #5dcfc6;
  --color-billiard-400: #00b0a7;
  --color-billiard-500: #00938b;
  --color-billiard-600: #007770;
  --color-billiard-700: #005f59;
  --color-billiard-800: #004b46;
  --color-billiard-900: #003a37;
  --color-billiard-950: #002523;
  --color-ninja-princess: #7a5390;
  --color-ninja-princess-50: #faf2ff;
  --color-ninja-princess-100: #f4e2ff;
  --color-ninja-princess-200: #e7c7fb;
  --color-ninja-princess-300: #d2ade7;
  --color-ninja-princess-400: #b38bca;
  --color-ninja-princess-500: #966ead;
  --color-ninja-princess-600: #7a5390;
  --color-ninja-princess-700: #624075;
  --color-ninja-princess-800: #4e305e;
  --color-ninja-princess-900: #3d244b;
  --color-ninja-princess-950: #271431;
  --color-avocado-stone: #4e3b19;
  --color-avocado-stone-50: #fff4e1;
  --color-avocado-stone-100: #f8e9d2;
  --color-avocado-stone-200: #e6d5b9;
  --color-avocado-stone-300: #d1bd9e;
  --color-avocado-stone-400: #b29d7a;
  --color-avocado-stone-500: #96815d;
  --color-avocado-stone-600: #7a6644;
  --color-avocado-stone-700: #614f30;
  --color-avocado-stone-800: #4e3b19;
  --color-avocado-stone-900: #3a2d17;
  --color-avocado-stone-950: #251b0b;
}