Start generating

Lime It or Leave It to Powder Puff color palette

97A331Lime It or Leave It0D1A23Black Stallion5C303EChocolate Truffle2A6994Starry NightA8BD6CAround the GillsFFEEF3Powder Puff
Open in generator Export PNG, PDF, ASE…

About this palette

Lime It or Leave It to Powder Puff is a 6-color palette: #97A331 (Lime It or Leave It), #0D1A23 (Black Stallion), #5C303E (Chocolate Truffle), #2A6994 (Starry Night), #A8BD6C (Around the Gills), #FFEEF3 (Powder Puff). It mixes green, black, red, blue, white tones and feels cool overall. The strongest text pairing is #0D1A23 on #FFEEF3 with a contrast ratio of 15.79:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Lime It or Leave Itrgb(151, 163, 49)hsl(66, 54%, 42%)
Black Stallionrgb(13, 26, 35)hsl(205, 46%, 9%)
Chocolate Trufflergb(92, 48, 62)hsl(341, 31%, 27%)
Starry Nightrgb(42, 105, 148)hsl(204, 56%, 37%)
Around the Gillsrgb(168, 189, 108)hsl(76, 38%, 58%)
Powder Puffrgb(255, 238, 243)hsl(342, 100%, 97%)

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.

  • Aa15.79:1 Super#0D1A23 on #FFEEF3
  • Aa15.79:1 Super#FFEEF3 on #0D1A23
  • Aa9.64:1 Very good#5C303E on #FFEEF3
  • Aa9.64:1 Very good#FFEEF3 on #5C303E
  • Aa8.54:1 Very good#0D1A23 on #A8BD6C
  • Aa8.54:1 Very good#A8BD6C on #0D1A23
  • Aa6.39:1 Good#97A331 on #0D1A23
  • Aa6.39:1 Good#0D1A23 on #97A331

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Lime It or Leave It to Powder Puff — https://swatchly.xyz/palette/97a331-0d1a23-5c303e-2a6994-a8bd6c-ffeef3 */
:root {
  --lime-it-or-leave-it: #97a331;
  --black-stallion: #0d1a23;
  --chocolate-truffle: #5c303e;
  --starry-night: #2a6994;
  --around-the-gills: #a8bd6c;
  --powder-puff: #ffeef3;
}

Tailwind CSS v4

/* Lime It or Leave It to Powder Puff — https://swatchly.xyz/palette/97a331-0d1a23-5c303e-2a6994-a8bd6c-ffeef3 */
@theme {
  --color-lime-it-or-leave-it: #97a331;
  --color-lime-it-or-leave-it-50: #f0f9be;
  --color-lime-it-or-leave-it-100: #e4efab;
  --color-lime-it-or-leave-it-200: #cfdb8a;
  --color-lime-it-or-leave-it-300: #b7c365;
  --color-lime-it-or-leave-it-400: #97a331;
  --color-lime-it-or-leave-it-500: #7e8801;
  --color-lime-it-or-leave-it-600: #656e00;
  --color-lime-it-or-leave-it-700: #505800;
  --color-lime-it-or-leave-it-800: #3f4500;
  --color-lime-it-or-leave-it-900: #313600;
  --color-lime-it-or-leave-it-950: #1f2200;
  --color-black-stallion: #0d1a23;
  --color-black-stallion-50: #edf7fe;
  --color-black-stallion-100: #e2edf5;
  --color-black-stallion-200: #cdd9e3;
  --color-black-stallion-300: #b5c3ce;
  --color-black-stallion-400: #94a4b0;
  --color-black-stallion-500: #778793;
  --color-black-stallion-600: #5c6b76;
  --color-black-stallion-700: #46535d;
  --color-black-stallion-800: #343f47;
  --color-black-stallion-900: #252e35;
  --color-black-stallion-950: #0d1a23;
  --color-chocolate-truffle: #5c303e;
  --color-chocolate-truffle-50: #fff1f4;
  --color-chocolate-truffle-100: #ffe3ea;
  --color-chocolate-truffle-200: #f4cbd6;
  --color-chocolate-truffle-300: #e1b2be;
  --color-chocolate-truffle-400: #c3909e;
  --color-chocolate-truffle-500: #a77483;
  --color-chocolate-truffle-600: #895a68;
  --color-chocolate-truffle-700: #6f4551;
  --color-chocolate-truffle-800: #5c303e;
  --color-chocolate-truffle-900: #452630;
  --color-chocolate-truffle-950: #2c161d;
  --color-starry-night: #2a6994;
  --color-starry-night-50: #ecf7ff;
  --color-starry-night-100: #d6edff;
  --color-starry-night-200: #acdbff;
  --color-starry-night-300: #8dc3ed;
  --color-starry-night-400: #66a2cf;
  --color-starry-night-500: #4785b2;
  --color-starry-night-600: #2a6994;
  --color-starry-night-700: #1b5378;
  --color-starry-night-800: #0e4161;
  --color-starry-night-900: #06324e;
  --color-starry-night-950: #021f33;
  --color-around-the-gills: #a8bd6c;
  --color-around-the-gills-50: #e7f5c4;
  --color-around-the-gills-100: #d9e9b2;
  --color-around-the-gills-200: #c2d493;
  --color-around-the-gills-300: #a8bd6c;
  --color-around-the-gills-400: #8ca051;
  --color-around-the-gills-500: #748736;
  --color-around-the-gills-600: #5d6e1e;
  --color-around-the-gills-700: #49590a;
  --color-around-the-gills-800: #3a4700;
  --color-around-the-gills-900: #2d3800;
  --color-around-the-gills-950: #1b2300;
  --color-powder-puff: #ffeef3;
  --color-powder-puff-50: #ffeef3;
  --color-powder-puff-100: #f1e6e9;
  --color-powder-puff-200: #dfd2d6;
  --color-powder-puff-300: #cabcc0;
  --color-powder-puff-400: #ab9ca1;
  --color-powder-puff-500: #908186;
  --color-powder-puff-600: #76676c;
  --color-powder-puff-700: #5e5155;
  --color-powder-puff-800: #4a3f42;
  --color-powder-puff-900: #393033;
  --color-powder-puff-950: #241d1f;
}

Similar palettes