Greenhorn to Close but No Cigar Color Palette

About this palette

Greenhorn to Close but No Cigar is a 4-color cool palette: #AECD99 (Greenhorn), #418DA7 (Blue Moon), #644F79 (Royal Robe), #301B13 (Close but No Cigar). It mixes green, blue, purple, brown tones and feels cool overall. The strongest text pairing is #AECD99 on #301B13 with a contrast ratio of 9.28:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Greenhorn	rgb(174, 205, 153)	hsl(96, 34%, 70%)
Blue Moon	rgb(65, 141, 167)	hsl(195, 44%, 45%)
Royal Robe	rgb(100, 79, 121)	hsl(270, 21%, 39%)
Close but No Cigar	rgb(48, 27, 19)	hsl(17, 43%, 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.28:1 Very good#AECD99 on #301B13
Aa9.28:1 Very good#301B13 on #AECD99
Aa4.33:1 Poor#418DA7 on #301B13
Aa4.33:1 Poor#301B13 on #418DA7
Aa4.08:1 Poor#AECD99 on #644F79
Aa4.08:1 Poor#644F79 on #AECD99

Color blindness preview

CSS variables

/* Greenhorn to Close but No Cigar — https://swatchly.xyz/palette/aecd99-418da7-644f79-301b13 */
:root {
  --greenhorn: #aecd99;
  --blue-moon: #418da7;
  --royal-robe: #644f79;
  --close-but-no-cigar: #301b13;
}

Tailwind CSS v4

/* Greenhorn to Close but No Cigar — https://swatchly.xyz/palette/aecd99-418da7-644f79-301b13 */
@theme {
  --color-greenhorn: #aecd99;
  --color-greenhorn-50: #eafcdf;
  --color-greenhorn-100: #dff3d2;
  --color-greenhorn-200: #c9e1ba;
  --color-greenhorn-300: #aecd99;
  --color-greenhorn-400: #90ad7c;
  --color-greenhorn-500: #749160;
  --color-greenhorn-600: #5a7647;
  --color-greenhorn-700: #455e33;
  --color-greenhorn-800: #344a24;
  --color-greenhorn-900: #273919;
  --color-greenhorn-950: #17240c;
  --color-blue-moon: #418da7;
  --color-blue-moon-50: #e6f8ff;
  --color-blue-moon-100: #ccf1ff;
  --color-blue-moon-200: #a8dff4;
  --color-blue-moon-300: #89c9e1;
  --color-blue-moon-400: #61a9c3;
  --color-blue-moon-500: #418da7;
  --color-blue-moon-600: #26738b;
  --color-blue-moon-700: #0f5c72;
  --color-blue-moon-800: #00485b;
  --color-blue-moon-900: #003848;
  --color-blue-moon-950: #00232e;
  --color-royal-robe: #644f79;
  --color-royal-robe-50: #f8f2ff;
  --color-royal-robe-100: #f1e5ff;
  --color-royal-robe-200: #e1d0f4;
  --color-royal-robe-300: #cdb9e2;
  --color-royal-robe-400: #af99c6;
  --color-royal-robe-500: #947eab;
  --color-royal-robe-600: #7a6590;
  --color-royal-robe-700: #644f79;
  --color-royal-robe-800: #4e3d60;
  --color-royal-robe-900: #3d2e4b;
  --color-royal-robe-950: #261c31;
  --color-close-but-no-cigar: #301b13;
  --color-close-but-no-cigar-50: #fff2ed;
  --color-close-but-no-cigar-100: #f9e7e0;
  --color-close-but-no-cigar-200: #e8d2ca;
  --color-close-but-no-cigar-300: #d4bbb2;
  --color-close-but-no-cigar-400: #b69b91;
  --color-close-but-no-cigar-500: #9b8076;
  --color-close-but-no-cigar-600: #7f665c;
  --color-close-but-no-cigar-700: #675048;
  --color-close-but-no-cigar-800: #533e37;
  --color-close-but-no-cigar-900: #41302a;
  --color-close-but-no-cigar-950: #301b13;
}