Close but No Cigar to Over the Sky Color Palette

About this palette

Close but No Cigar to Over the Sky is a 4-color vintage palette: #352012 (Close but No Cigar), #6E474F (Wine Stain), #0099B7 (Munsell Blue), #85D6EF (Over the Sky). It mixes brown, red, blue tones and feels balanced overall. The strongest text pairing is #352012 on #85D6EF with a contrast ratio of 9.41:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(53, 32, 18)	hsl(24, 49%, 14%)
Wine Stain	rgb(110, 71, 79)	hsl(348, 22%, 35%)
Munsell Blue	rgb(0, 153, 183)	hsl(190, 100%, 36%)
Over the Sky	rgb(133, 214, 239)	hsl(194, 77%, 73%)

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.41:1 Very good#352012 on #85D6EF
Aa9.41:1 Very good#85D6EF on #352012
Aa4.80:1 Good#6E474F on #85D6EF
Aa4.80:1 Good#85D6EF on #6E474F
Aa4.57:1 Good#352012 on #0099B7
Aa4.57:1 Good#0099B7 on #352012

Color blindness preview

CSS variables

/* Close but No Cigar to Over the Sky — https://swatchly.xyz/palette/352012-6e474f-0099b7-85d6ef */
:root {
  --close-but-no-cigar: #352012;
  --wine-stain: #6e474f;
  --munsell-blue: #0099b7;
  --over-the-sky: #85d6ef;
}

Tailwind CSS v4

/* Close but No Cigar to Over the Sky — https://swatchly.xyz/palette/352012-6e474f-0099b7-85d6ef */
@theme {
  --color-close-but-no-cigar: #352012;
  --color-close-but-no-cigar-50: #fff2eb;
  --color-close-but-no-cigar-100: #f9e7dc;
  --color-close-but-no-cigar-200: #e8d3c6;
  --color-close-but-no-cigar-300: #d4bbad;
  --color-close-but-no-cigar-400: #b69c8b;
  --color-close-but-no-cigar-500: #9c8171;
  --color-close-but-no-cigar-600: #816859;
  --color-close-but-no-cigar-700: #6a5445;
  --color-close-but-no-cigar-800: #564235;
  --color-close-but-no-cigar-900: #463429;
  --color-close-but-no-cigar-950: #352012;
  --color-wine-stain: #6e474f;
  --color-wine-stain-50: #fff1f3;
  --color-wine-stain-100: #ffe3e8;
  --color-wine-stain-200: #f0cdd3;
  --color-wine-stain-300: #dcb4bc;
  --color-wine-stain-400: #be949b;
  --color-wine-stain-500: #a27880;
  --color-wine-stain-600: #865e66;
  --color-wine-stain-700: #6e474f;
  --color-wine-stain-800: #56373d;
  --color-wine-stain-900: #44292f;
  --color-wine-stain-950: #2b181c;
  --color-munsell-blue: #0099b7;
  --color-munsell-blue-50: #e7f9ff;
  --color-munsell-blue-100: #cff4ff;
  --color-munsell-blue-200: #99e7fe;
  --color-munsell-blue-300: #75d2ed;
  --color-munsell-blue-400: #43b4d1;
  --color-munsell-blue-500: #0099b7;
  --color-munsell-blue-600: #007b94;
  --color-munsell-blue-700: #006276;
  --color-munsell-blue-800: #004c5c;
  --color-munsell-blue-900: #003b48;
  --color-munsell-blue-950: #00242e;
  --color-over-the-sky: #85d6ef;
  --color-over-the-sky-50: #f0fbff;
  --color-over-the-sky-100: #daf6ff;
  --color-over-the-sky-200: #b1e8fa;
  --color-over-the-sky-300: #85d6ef;
  --color-over-the-sky-400: #69b4cb;
  --color-over-the-sky-500: #4697af;
  --color-over-the-sky-600: #267a91;
  --color-over-the-sky-700: #086176;
  --color-over-the-sky-800: #004c5d;
  --color-over-the-sky-900: #003947;
  --color-over-the-sky-950: #00242d;
}