Green Glint to Close but No Cigar color palette

E4F4C0Green Glint EFBB7CMajestic Dune 4F7FA8Into the Blue 614471Drifting Violet 321E01Close but No Cigar

Open in generator Export PNG, PDF, ASE…

About this palette

Green Glint to Close but No Cigar is a 5-color cool, earthy, vintage palette: #E4F4C0 (Green Glint), #EFBB7C (Majestic Dune), #4F7FA8 (Into the Blue), #614471 (Drifting Violet), #321E01 (Close but No Cigar). It mixes green, orange, blue, purple, brown tones and feels cool overall. The strongest text pairing is #E4F4C0 on #321E01 with a contrast ratio of 13.62:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Green Glint	rgb(228, 244, 192)	hsl(78, 70%, 85%)
Majestic Dune	rgb(239, 187, 124)	hsl(33, 78%, 71%)
Into the Blue	rgb(79, 127, 168)	hsl(208, 36%, 48%)
Drifting Violet	rgb(97, 68, 113)	hsl(279, 25%, 35%)
Close but No Cigar	rgb(50, 30, 1)	hsl(36, 96%, 10%)

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.

Aa13.62:1 Super#E4F4C0 on #321E01
Aa13.62:1 Super#321E01 on #E4F4C0
Aa9.13:1 Very good#EFBB7C on #321E01
Aa9.13:1 Very good#321E01 on #EFBB7C
Aa6.99:1 Good#E4F4C0 on #614471
Aa6.99:1 Good#614471 on #E4F4C0
Aa4.69:1 Good#EFBB7C on #614471
Aa4.69:1 Good#614471 on #EFBB7C

Color blindness preview

CSS variables

/* Green Glint to Close but No Cigar — https://swatchly.xyz/palette/e4f4c0-efbb7c-4f7fa8-614471-321e01 */
:root {
  --green-glint: #e4f4c0;
  --majestic-dune: #efbb7c;
  --into-the-blue: #4f7fa8;
  --drifting-violet: #614471;
  --close-but-no-cigar: #321e01;
}

Tailwind CSS v4

/* Green Glint to Close but No Cigar — https://swatchly.xyz/palette/e4f4c0-efbb7c-4f7fa8-614471-321e01 */
@theme {
  --color-green-glint: #e4f4c0;
  --color-green-glint-50: #f1fade;
  --color-green-glint-100: #e4f4c0;
  --color-green-glint-200: #d2deb9;
  --color-green-glint-300: #bbc89d;
  --color-green-glint-400: #9ba97a;
  --color-green-glint-500: #7f8d5d;
  --color-green-glint-600: #657244;
  --color-green-glint-700: #4f5b31;
  --color-green-glint-800: #3d4722;
  --color-green-glint-900: #2f3717;
  --color-green-glint-950: #1c220b;
  --color-majestic-dune: #efbb7c;
  --color-majestic-dune-50: #fff6ec;
  --color-majestic-dune-100: #ffebd4;
  --color-majestic-dune-200: #fad4a8;
  --color-majestic-dune-300: #efbb7c;
  --color-majestic-dune-400: #cb9b61;
  --color-majestic-dune-500: #af7e40;
  --color-majestic-dune-600: #926323;
  --color-majestic-dune-700: #774c0b;
  --color-majestic-dune-800: #5e3a00;
  --color-majestic-dune-900: #482c00;
  --color-majestic-dune-950: #2e1a00;
  --color-into-the-blue: #4f7fa8;
  --color-into-the-blue-50: #e9f5ff;
  --color-into-the-blue-100: #d3eaff;
  --color-into-the-blue-200: #afd6f9;
  --color-into-the-blue-300: #92bee5;
  --color-into-the-blue-400: #6d9cc6;
  --color-into-the-blue-500: #4f7fa8;
  --color-into-the-blue-600: #39668d;
  --color-into-the-blue-700: #285174;
  --color-into-the-blue-800: #1b405e;
  --color-into-the-blue-900: #12324b;
  --color-into-the-blue-950: #081f32;
  --color-drifting-violet: #614471;
  --color-drifting-violet-50: #faf1ff;
  --color-drifting-violet-100: #f5e4ff;
  --color-drifting-violet-200: #e5ccf3;
  --color-drifting-violet-300: #cfb3e0;
  --color-drifting-violet-400: #b092c2;
  --color-drifting-violet-500: #9476a6;
  --color-drifting-violet-600: #785b89;
  --color-drifting-violet-700: #614471;
  --color-drifting-violet-800: #4c3558;
  --color-drifting-violet-900: #3b2745;
  --color-drifting-violet-950: #25172d;
  --color-close-but-no-cigar: #321e01;
  --color-close-but-no-cigar-50: #fff3e5;
  --color-close-but-no-cigar-100: #f9e8d4;
  --color-close-but-no-cigar-200: #e8d4bc;
  --color-close-but-no-cigar-300: #d3bda1;
  --color-close-but-no-cigar-400: #b59d7f;
  --color-close-but-no-cigar-500: #9b8264;
  --color-close-but-no-cigar-600: #80694b;
  --color-close-but-no-cigar-700: #685338;
  --color-close-but-no-cigar-800: #544129;
  --color-close-but-no-cigar-900: #43331e;
  --color-close-but-no-cigar-950: #321e01;
}