Start generating

Close but No Cigar to Veiling Waterfalls color palette

331800Close but No Cigar004826Lost in the Woods8B4A7AGrape CandyB47C43Rocky RacoonEB8CBDBubblegum BeamC9E7FFVeiling Waterfalls
Open in generator Export PNG, PDF, ASE…

About this palette

Close but No Cigar to Veiling Waterfalls is a 6-color warm, vintage palette: #331800 (Close but No Cigar), #004826 (Lost in the Woods), #8B4A7A (Grape Candy), #B47C43 (Rocky Racoon), #EB8CBD (Bubblegum Beam), #C9E7FF (Veiling Waterfalls). It mixes brown, green, pink, orange, blue tones and feels warm overall. The strongest text pairing is #331800 on #C9E7FF with a contrast ratio of 12.87:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Close but No Cigarrgb(51, 24, 0)hsl(28, 100%, 10%)
Lost in the Woodsrgb(0, 72, 38)hsl(152, 100%, 14%)
Grape Candyrgb(139, 74, 122)hsl(316, 31%, 42%)
Rocky Racoonrgb(180, 124, 67)hsl(30, 46%, 48%)
Bubblegum Beamrgb(235, 140, 189)hsl(329, 70%, 74%)
Veiling Waterfallsrgb(201, 231, 255)hsl(207, 100%, 89%)

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.

  • Aa12.87:1 Super#331800 on #C9E7FF
  • Aa12.87:1 Super#C9E7FF on #331800
  • Aa8.37:1 Very good#004826 on #C9E7FF
  • Aa8.37:1 Very good#C9E7FF on #004826
  • Aa7.09:1 Very good#331800 on #EB8CBD
  • Aa7.09:1 Very good#EB8CBD on #331800
  • Aa4.87:1 Good#8B4A7A on #C9E7FF
  • Aa4.87:1 Good#C9E7FF on #8B4A7A

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Close but No Cigar to Veiling Waterfalls — https://swatchly.xyz/palette/331800-004826-8b4a7a-b47c43-eb8cbd-c9e7ff */
:root {
  --close-but-no-cigar: #331800;
  --lost-in-the-woods: #004826;
  --grape-candy: #8b4a7a;
  --rocky-racoon: #b47c43;
  --bubblegum-beam: #eb8cbd;
  --veiling-waterfalls: #c9e7ff;
}

Tailwind CSS v4

/* Close but No Cigar to Veiling Waterfalls — https://swatchly.xyz/palette/331800-004826-8b4a7a-b47c43-eb8cbd-c9e7ff */
@theme {
  --color-close-but-no-cigar: #331800;
  --color-close-but-no-cigar-50: #fff3e9;
  --color-close-but-no-cigar-100: #fee6d4;
  --color-close-but-no-cigar-200: #edd2bc;
  --color-close-but-no-cigar-300: #d9baa2;
  --color-close-but-no-cigar-400: #bc9a80;
  --color-close-but-no-cigar-500: #a07f64;
  --color-close-but-no-cigar-600: #85654b;
  --color-close-but-no-cigar-700: #6c4f37;
  --color-close-but-no-cigar-800: #563d28;
  --color-close-but-no-cigar-900: #442e1d;
  --color-close-but-no-cigar-950: #331800;
  --color-lost-in-the-woods: #004826;
  --color-lost-in-the-woods-50: #deffe8;
  --color-lost-in-the-woods-100: #d0f7dc;
  --color-lost-in-the-woods-200: #b7e5c5;
  --color-lost-in-the-woods-300: #99ceab;
  --color-lost-in-the-woods-400: #73af88;
  --color-lost-in-the-woods-500: #55926b;
  --color-lost-in-the-woods-600: #3a7551;
  --color-lost-in-the-woods-700: #265c3c;
  --color-lost-in-the-woods-800: #004826;
  --color-lost-in-the-woods-900: #0e361f;
  --color-lost-in-the-woods-950: #062111;
  --color-grape-candy: #8b4a7a;
  --color-grape-candy-50: #fff0fa;
  --color-grape-candy-100: #ffdff5;
  --color-grape-candy-200: #f9c0e8;
  --color-grape-candy-300: #e5a6d2;
  --color-grape-candy-400: #c682b3;
  --color-grape-candy-500: #a96596;
  --color-grape-candy-600: #8b4a7a;
  --color-grape-candy-700: #713862;
  --color-grape-candy-800: #5a294e;
  --color-grape-candy-900: #471e3d;
  --color-grape-candy-950: #2e1127;
  --color-rocky-racoon: #b47c43;
  --color-rocky-racoon-50: #fff4e9;
  --color-rocky-racoon-100: #ffe8d3;
  --color-rocky-racoon-200: #fcd0a7;
  --color-rocky-racoon-300: #ebb889;
  --color-rocky-racoon-400: #cf9862;
  --color-rocky-racoon-500: #b47c43;
  --color-rocky-racoon-600: #966127;
  --color-rocky-racoon-700: #7b4b11;
  --color-rocky-racoon-800: #633801;
  --color-rocky-racoon-900: #4d2a00;
  --color-rocky-racoon-950: #311900;
  --color-bubblegum-beam: #eb8cbd;
  --color-bubblegum-beam-50: #fff8fb;
  --color-bubblegum-beam-100: #ffedf5;
  --color-bubblegum-beam-200: #ffd3e7;
  --color-bubblegum-beam-300: #ffb2d8;
  --color-bubblegum-beam-400: #eb8cbd;
  --color-bubblegum-beam-500: #c96f9e;
  --color-bubblegum-beam-600: #a95181;
  --color-bubblegum-beam-700: #8b3a67;
  --color-bubblegum-beam-800: #6f2850;
  --color-bubblegum-beam-900: #561b3d;
  --color-bubblegum-beam-950: #370d25;
  --color-veiling-waterfalls: #c9e7ff;
  --color-veiling-waterfalls-50: #dff1ff;
  --color-veiling-waterfalls-100: #c9e7ff;
  --color-veiling-waterfalls-200: #bdd4e6;
  --color-veiling-waterfalls-300: #a6bfd3;
  --color-veiling-waterfalls-400: #86a1b7;
  --color-veiling-waterfalls-500: #6c879d;
  --color-veiling-waterfalls-600: #546e83;
  --color-veiling-waterfalls-700: #40586b;
  --color-veiling-waterfalls-800: #304555;
  --color-veiling-waterfalls-900: #233543;
  --color-veiling-waterfalls-950: #14212b;
}

Similar palettes