Golden Talisman to Close but No Cigar color palette

ECC696Golden Talisman A77BEFIllicit Purple 7C54B3Royal Lavender 005E5BMosque 371F0BClose but No Cigar

Open in generator Export PNG, PDF, ASE…

About this palette

Golden Talisman to Close but No Cigar is a 5-color cool palette: #ECC696 (Golden Talisman), #A77BEF (Illicit Purple), #7C54B3 (Royal Lavender), #005E5B (Mosque), #371F0B (Close but No Cigar). It mixes orange, purple, turquoise, brown tones and feels cool overall. The strongest text pairing is #ECC696 on #371F0B with a contrast ratio of 9.60:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Golden Talisman	rgb(236, 198, 150)	hsl(33, 69%, 76%)
Illicit Purple	rgb(167, 123, 239)	hsl(263, 78%, 71%)
Royal Lavender	rgb(124, 84, 179)	hsl(265, 38%, 52%)
Mosque	rgb(0, 94, 91)	hsl(178, 100%, 18%)
Close but No Cigar	rgb(55, 31, 11)	hsl(27, 67%, 13%)

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.60:1 Very good#ECC696 on #371F0B
Aa9.60:1 Very good#371F0B on #ECC696
Aa4.93:1 Good#A77BEF on #371F0B
Aa4.93:1 Good#371F0B on #A77BEF
Aa4.75:1 Good#ECC696 on #005E5B
Aa4.75:1 Good#005E5B on #ECC696
Aa3.47:1 Poor#ECC696 on #7C54B3
Aa3.47:1 Poor#7C54B3 on #ECC696

Color blindness preview

CSS variables

/* Golden Talisman to Close but No Cigar — https://swatchly.xyz/palette/ecc696-a77bef-7c54b3-005e5b-371f0b */
:root {
  --golden-talisman: #ecc696;
  --illicit-purple: #a77bef;
  --royal-lavender: #7c54b3;
  --mosque: #005e5b;
  --close-but-no-cigar: #371f0b;
}

Tailwind CSS v4

/* Golden Talisman to Close but No Cigar — https://swatchly.xyz/palette/ecc696-a77bef-7c54b3-005e5b-371f0b */
@theme {
  --color-golden-talisman: #ecc696;
  --color-golden-talisman-50: #ffebd1;
  --color-golden-talisman-100: #f8debe;
  --color-golden-talisman-200: #ecc696;
  --color-golden-talisman-300: #d3b289;
  --color-golden-talisman-400: #b79467;
  --color-golden-talisman-500: #9d7a4c;
  --color-golden-talisman-600: #836235;
  --color-golden-talisman-700: #6b4d24;
  --color-golden-talisman-800: #573d17;
  --color-golden-talisman-900: #442e0e;
  --color-golden-talisman-950: #2c1c05;
  --color-illicit-purple: #a77bef;
  --color-illicit-purple-50: #f3eeff;
  --color-illicit-purple-100: #e9e0ff;
  --color-illicit-purple-200: #d7c5ff;
  --color-illicit-purple-300: #c4a4ff;
  --color-illicit-purple-400: #a77bef;
  --color-illicit-purple-500: #8e61d2;
  --color-illicit-purple-600: #7448b4;
  --color-illicit-purple-700: #5e3597;
  --color-illicit-purple-800: #4c267d;
  --color-illicit-purple-900: #3c1b66;
  --color-illicit-purple-950: #270f45;
  --color-royal-lavender: #7c54b3;
  --color-royal-lavender-50: #f7f3ff;
  --color-royal-lavender-100: #efe7ff;
  --color-royal-lavender-200: #dfceff;
  --color-royal-lavender-300: #ceb0ff;
  --color-royal-lavender-400: #b18cec;
  --color-royal-lavender-500: #976fd0;
  --color-royal-lavender-600: #7c54b3;
  --color-royal-lavender-700: #643f94;
  --color-royal-lavender-800: #4f2e79;
  --color-royal-lavender-900: #3e2161;
  --color-royal-lavender-950: #271240;
  --color-mosque: #005e5b;
  --color-mosque-50: #d7fffc;
  --color-mosque-100: #c9f6f2;
  --color-mosque-200: #ade3df;
  --color-mosque-300: #8ecdc9;
  --color-mosque-400: #66aeaa;
  --color-mosque-500: #47928e;
  --color-mosque-600: #2a7672;
  --color-mosque-700: #005e5b;
  --color-mosque-800: #044947;
  --color-mosque-900: #003937;
  --color-mosque-950: #002322;
  --color-close-but-no-cigar: #371f0b;
  --color-close-but-no-cigar-50: #fff2ea;
  --color-close-but-no-cigar-100: #fbe7d8;
  --color-close-but-no-cigar-200: #ebd2c1;
  --color-close-but-no-cigar-300: #d6bba7;
  --color-close-but-no-cigar-400: #b99b85;
  --color-close-but-no-cigar-500: #9e816b;
  --color-close-but-no-cigar-600: #846853;
  --color-close-but-no-cigar-700: #6d533f;
  --color-close-but-no-cigar-800: #584230;
  --color-close-but-no-cigar-900: #483425;
  --color-close-but-no-cigar-950: #371f0b;
}