Start generating

Vaporised to Close but No Cigar color palette

D0F7FFVaporised2ED4F8Neon Blue00808DBermuda6D2F13Cold Press Coffee351814Close but No Cigar
Open in generator Export PNG, PDF, ASE…

About this palette

Vaporised to Close but No Cigar is a 5-color cool, vintage palette: #D0F7FF (Vaporised), #2ED4F8 (Neon Blue), #00808D (Bermuda), #6D2F13 (Cold Press Coffee), #351814 (Close but No Cigar). It mixes white, blue, turquoise, brown tones and feels cool overall. The strongest text pairing is #D0F7FF on #351814 with a contrast ratio of 14.26:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Vaporisedrgb(208, 247, 255)hsl(190, 100%, 91%)
Neon Bluergb(46, 212, 248)hsl(191, 94%, 58%)
Bermudargb(0, 128, 141)hsl(186, 100%, 28%)
Cold Press Coffeergb(109, 47, 19)hsl(19, 70%, 25%)
Close but No Cigarrgb(53, 24, 20)hsl(7, 45%, 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.

  • Aa14.26:1 Super#D0F7FF on #351814
  • Aa14.26:1 Super#351814 on #D0F7FF
  • Aa9.20:1 Very good#2ED4F8 on #351814
  • Aa9.20:1 Very good#351814 on #2ED4F8
  • Aa8.92:1 Very good#D0F7FF on #6D2F13
  • Aa8.92:1 Very good#6D2F13 on #D0F7FF
  • Aa5.75:1 Good#2ED4F8 on #6D2F13
  • Aa5.75:1 Good#6D2F13 on #2ED4F8

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Vaporised to Close but No Cigar — https://swatchly.xyz/palette/d0f7ff-2ed4f8-00808d-6d2f13-351814 */
:root {
  --vaporised: #d0f7ff;
  --neon-blue: #2ed4f8;
  --bermuda: #00808d;
  --cold-press-coffee: #6d2f13;
  --close-but-no-cigar: #351814;
}

Tailwind CSS v4

/* Vaporised to Close but No Cigar — https://swatchly.xyz/palette/d0f7ff-2ed4f8-00808d-6d2f13-351814 */
@theme {
  --color-vaporised: #d0f7ff;
  --color-vaporised-50: #ecfcff;
  --color-vaporised-100: #d0f7ff;
  --color-vaporised-200: #c5e0e6;
  --color-vaporised-300: #aacad0;
  --color-vaporised-400: #87aab2;
  --color-vaporised-500: #6a8e96;
  --color-vaporised-600: #50737a;
  --color-vaporised-700: #3b5b62;
  --color-vaporised-800: #2c484d;
  --color-vaporised-900: #1f373c;
  --color-vaporised-950: #112226;
  --color-neon-blue: #2ed4f8;
  --color-neon-blue-50: #e3f9ff;
  --color-neon-blue-100: #c8f3ff;
  --color-neon-blue-200: #89e6ff;
  --color-neon-blue-300: #2ed4f8;
  --color-neon-blue-400: #00b3d3;
  --color-neon-blue-500: #0095b0;
  --color-neon-blue-600: #00788e;
  --color-neon-blue-700: #005f72;
  --color-neon-blue-800: #004b5a;
  --color-neon-blue-900: #003a46;
  --color-neon-blue-950: #00242d;
  --color-bermuda: #00808d;
  --color-bermuda-50: #e0fbff;
  --color-bermuda-100: #c2f7ff;
  --color-bermuda-200: #a3e7f1;
  --color-bermuda-300: #84d3de;
  --color-bermuda-400: #59b5c2;
  --color-bermuda-500: #339ba8;
  --color-bermuda-600: #00808d;
  --color-bermuda-700: #006670;
  --color-bermuda-800: #004f58;
  --color-bermuda-900: #003d44;
  --color-bermuda-950: #00262b;
  --color-cold-press-coffee: #6d2f13;
  --color-cold-press-coffee-50: #fff2ed;
  --color-cold-press-coffee-100: #ffe5db;
  --color-cold-press-coffee-200: #ffcab5;
  --color-cold-press-coffee-300: #f0b097;
  --color-cold-press-coffee-400: #d48f73;
  --color-cold-press-coffee-500: #b87357;
  --color-cold-press-coffee-600: #9b593e;
  --color-cold-press-coffee-700: #80442b;
  --color-cold-press-coffee-800: #6d2f13;
  --color-cold-press-coffee-900: #522613;
  --color-cold-press-coffee-950: #361608;
  --color-close-but-no-cigar: #351814;
  --color-close-but-no-cigar-50: #fff2ef;
  --color-close-but-no-cigar-100: #fee4e0;
  --color-close-but-no-cigar-200: #eecfca;
  --color-close-but-no-cigar-300: #dab8b2;
  --color-close-but-no-cigar-400: #bc9791;
  --color-close-but-no-cigar-500: #a17c76;
  --color-close-but-no-cigar-600: #86635d;
  --color-close-but-no-cigar-700: #6d4e48;
  --color-close-but-no-cigar-800: #583c38;
  --color-close-but-no-cigar-900: #462e2a;
  --color-close-but-no-cigar-950: #351814;
}

Similar palettes