Baby Blue to Close but No Cigar color palette

97D2FFBaby Blue E1747DTurnip the Pink 00916BViridian 004F3FTropical Forest 351511Close but No Cigar

About this palette

Baby Blue to Close but No Cigar is a 5-color cool, vintage palette: #97D2FF (Baby Blue), #E1747D (Turnip the Pink), #00916B (Viridian), #004F3F (Tropical Forest), #351511 (Close but No Cigar). It mixes blue, red, turquoise, brown tones and feels cool overall. The strongest text pairing is #97D2FF on #351511 with a contrast ratio of 10.25:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Baby Blue	rgb(151, 210, 255)	hsl(206, 100%, 80%)
Turnip the Pink	rgb(225, 116, 125)	hsl(355, 64%, 67%)
Viridian	rgb(0, 145, 107)	hsl(164, 100%, 28%)
Tropical Forest	rgb(0, 79, 63)	hsl(168, 100%, 15%)
Close but No Cigar	rgb(53, 21, 17)	hsl(7, 51%, 14%)

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.

Aa10.25:1 Very good#97D2FF on #351511
Aa10.25:1 Very good#351511 on #97D2FF
Aa5.93:1 Good#97D2FF on #004F3F
Aa5.93:1 Good#004F3F on #97D2FF
Aa5.52:1 Good#E1747D on #351511
Aa5.52:1 Good#351511 on #E1747D
Aa4.15:1 Poor#00916B on #351511
Aa4.15:1 Poor#351511 on #00916B

Color blindness preview

CSS variables

/* Baby Blue to Close but No Cigar — https://swatchly.xyz/palette/97d2ff-e1747d-00916b-004f3f-351511 */
:root {
  --baby-blue: #97d2ff;
  --turnip-the-pink: #e1747d;
  --viridian: #00916b;
  --tropical-forest: #004f3f;
  --close-but-no-cigar: #351511;
}

Tailwind CSS v4

/* Baby Blue to Close but No Cigar — https://swatchly.xyz/palette/97d2ff-e1747d-00916b-004f3f-351511 */
@theme {
  --color-baby-blue: #97d2ff;
  --color-baby-blue-50: #f6fbff;
  --color-baby-blue-100: #e6f4ff;
  --color-baby-blue-200: #c3e5ff;
  --color-baby-blue-300: #97d2ff;
  --color-baby-blue-400: #7ab0d9;
  --color-baby-blue-500: #5a93bd;
  --color-baby-blue-600: #3e769e;
  --color-baby-blue-700: #285d82;
  --color-baby-blue-800: #184868;
  --color-baby-blue-900: #0d3651;
  --color-baby-blue-950: #052235;
  --color-turnip-the-pink: #e1747d;
  --color-turnip-the-pink-50: #ffeeee;
  --color-turnip-the-pink-100: #ffdedf;
  --color-turnip-the-pink-200: #ffbfc2;
  --color-turnip-the-pink-300: #fe9aa0;
  --color-turnip-the-pink-400: #e1747d;
  --color-turnip-the-pink-500: #c35a64;
  --color-turnip-the-pink-600: #a5414c;
  --color-turnip-the-pink-700: #892e3a;
  --color-turnip-the-pink-800: #6f1f2b;
  --color-turnip-the-pink-900: #5a1520;
  --color-turnip-the-pink-950: #3c0a12;
  --color-viridian: #00916b;
  --color-viridian-50: #d3ffeb;
  --color-viridian-100: #b5f8dc;
  --color-viridian-200: #94e5c4;
  --color-viridian-300: #6fcfaa;
  --color-viridian-400: #3eaf88;
  --color-viridian-500: #00916b;
  --color-viridian-600: #007556;
  --color-viridian-700: #005d44;
  --color-viridian-800: #004a35;
  --color-viridian-900: #003a28;
  --color-viridian-950: #002519;
  --color-tropical-forest: #004f3f;
  --color-tropical-forest-50: #dbfff3;
  --color-tropical-forest-100: #cdf6e8;
  --color-tropical-forest-200: #b4e4d4;
  --color-tropical-forest-300: #97cfbd;
  --color-tropical-forest-400: #72b09e;
  --color-tropical-forest-500: #549582;
  --color-tropical-forest-600: #3a7a68;
  --color-tropical-forest-700: #266252;
  --color-tropical-forest-800: #004f3f;
  --color-tropical-forest-900: #0c3c30;
  --color-tropical-forest-950: #04261e;
  --color-close-but-no-cigar: #351511;
  --color-close-but-no-cigar-50: #fff2ef;
  --color-close-but-no-cigar-100: #ffe4e0;
  --color-close-but-no-cigar-200: #f0cfc9;
  --color-close-but-no-cigar-300: #ddb7b1;
  --color-close-but-no-cigar-400: #bf9690;
  --color-close-but-no-cigar-500: #a47b74;
  --color-close-but-no-cigar-600: #88615b;
  --color-close-but-no-cigar-700: #6e4c46;
  --color-close-but-no-cigar-800: #583a35;
  --color-close-but-no-cigar-900: #462c28;
  --color-close-but-no-cigar-950: #351511;
}