Close but No Cigar to Girlie color palette

331904Close but No Cigar 883038Blood Oath 8D7300Glazed Chestnut E58D00Hotter Butter FFD2CDGirlie

About this palette

Close but No Cigar to Girlie is a 5-color warm, earthy, vintage, gradient palette: #331904 (Close but No Cigar), #883038 (Blood Oath), #8D7300 (Glazed Chestnut), #E58D00 (Hotter Butter), #FFD2CD (Girlie). It mixes brown, red, yellow, orange, pink tones and feels warm overall. The strongest text pairing is #331904 on #FFD2CD with a contrast ratio of 11.98:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(51, 25, 4)	hsl(27, 85%, 11%)
Blood Oath	rgb(136, 48, 56)	hsl(355, 48%, 36%)
Glazed Chestnut	rgb(141, 115, 0)	hsl(49, 100%, 28%)
Hotter Butter	rgb(229, 141, 0)	hsl(37, 100%, 45%)
Girlie	rgb(255, 210, 205)	hsl(6, 100%, 90%)

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.

Aa11.98:1 Very good#331904 on #FFD2CD
Aa11.98:1 Very good#FFD2CD on #331904
Aa6.35:1 Good#331904 on #E58D00
Aa6.35:1 Good#E58D00 on #331904
Aa6.08:1 Good#883038 on #FFD2CD
Aa6.08:1 Good#FFD2CD on #883038
Aa3.58:1 Poor#331904 on #8D7300
Aa3.58:1 Poor#8D7300 on #331904

Color blindness preview

CSS variables

/* Close but No Cigar to Girlie — https://swatchly.xyz/palette/331904-883038-8d7300-e58d00-ffd2cd */
:root {
  --close-but-no-cigar: #331904;
  --blood-oath: #883038;
  --glazed-chestnut: #8d7300;
  --hotter-butter: #e58d00;
  --girlie: #ffd2cd;
}

Tailwind CSS v4

/* Close but No Cigar to Girlie — https://swatchly.xyz/palette/331904-883038-8d7300-e58d00-ffd2cd */
@theme {
  --color-close-but-no-cigar: #331904;
  --color-close-but-no-cigar-50: #fff2ea;
  --color-close-but-no-cigar-100: #fde6d7;
  --color-close-but-no-cigar-200: #ecd2bf;
  --color-close-but-no-cigar-300: #d8baa5;
  --color-close-but-no-cigar-400: #bb9a83;
  --color-close-but-no-cigar-500: #a07f68;
  --color-close-but-no-cigar-600: #84654f;
  --color-close-but-no-cigar-700: #6b4f3b;
  --color-close-but-no-cigar-800: #563d2c;
  --color-close-but-no-cigar-900: #442f20;
  --color-close-but-no-cigar-950: #331904;
  --color-blood-oath: #883038;
  --color-blood-oath-50: #fff1f1;
  --color-blood-oath-100: #ffe4e3;
  --color-blood-oath-200: #ffc6c7;
  --color-blood-oath-300: #fba4a6;
  --color-blood-oath-400: #df8184;
  --color-blood-oath-500: #c16368;
  --color-blood-oath-600: #a2494f;
  --color-blood-oath-700: #883038;
  --color-blood-oath-800: #6b252b;
  --color-blood-oath-900: #551a1f;
  --color-blood-oath-950: #370d11;
  --color-glazed-chestnut: #8d7300;
  --color-glazed-chestnut-50: #fff5d5;
  --color-glazed-chestnut-100: #fdedb8;
  --color-glazed-chestnut-200: #eedb9c;
  --color-glazed-chestnut-300: #dcc57c;
  --color-glazed-chestnut-400: #c0a752;
  --color-glazed-chestnut-500: #a78c2e;
  --color-glazed-chestnut-600: #8d7300;
  --color-glazed-chestnut-700: #705b00;
  --color-glazed-chestnut-800: #584700;
  --color-glazed-chestnut-900: #433600;
  --color-glazed-chestnut-950: #2a2100;
  --color-hotter-butter: #e58d00;
  --color-hotter-butter-50: #fff4e9;
  --color-hotter-butter-100: #ffe8d2;
  --color-hotter-butter-200: #ffcf9f;
  --color-hotter-butter-300: #fdb15c;
  --color-hotter-butter-400: #e58d00;
  --color-hotter-butter-500: #bf7500;
  --color-hotter-butter-600: #9a5d00;
  --color-hotter-butter-700: #7b4900;
  --color-hotter-butter-800: #613800;
  --color-hotter-butter-900: #4b2b00;
  --color-hotter-butter-950: #301900;
  --color-girlie: #ffd2cd;
  --color-girlie-50: #fff8f7;
  --color-girlie-100: #ffecea;
  --color-girlie-200: #ffd2cd;
  --color-girlie-300: #e1bdb8;
  --color-girlie-400: #c39b96;
  --color-girlie-500: #a67e79;
  --color-girlie-600: #89635f;
  --color-girlie-700: #6f4c49;
  --color-girlie-800: #573936;
  --color-girlie-900: #442b29;
  --color-girlie-950: #2c1a18;
}