Start generating

Grape Kiss to Pool Table color palette

88446CGrape Kiss492E3EVoodooB57D91Punched PinkBCFCEBArabica Mint7AC9ABMinted Elegance2F9077Pool Table
Open in generator Export PNG, PDF, ASE…

About this palette

Grape Kiss to Pool Table is a 6-color vintage palette: #88446C (Grape Kiss), #492E3E (Voodoo), #B57D91 (Punched Pink), #BCFCEB (Arabica Mint), #7AC9AB (Minted Elegance), #2F9077 (Pool Table). It mixes red, pink, turquoise tones and feels balanced overall. The strongest text pairing is #492E3E on #BCFCEB with a contrast ratio of 10.47:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Grape Kissrgb(136, 68, 108)hsl(325, 33%, 40%)
Voodoorgb(73, 46, 62)hsl(324, 23%, 23%)
Punched Pinkrgb(181, 125, 145)hsl(339, 27%, 60%)
Arabica Mintrgb(188, 252, 235)hsl(164, 91%, 86%)
Minted Elegancergb(122, 201, 171)hsl(157, 42%, 63%)
Pool Tablergb(47, 144, 119)hsl(165, 51%, 37%)

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.47:1 Very good#492E3E on #BCFCEB
  • Aa10.47:1 Very good#BCFCEB on #492E3E
  • Aa6.18:1 Good#492E3E on #7AC9AB
  • Aa6.18:1 Good#7AC9AB on #492E3E
  • Aa5.91:1 Good#88446C on #BCFCEB
  • Aa5.91:1 Good#BCFCEB on #88446C
  • Aa3.62:1 Poor#492E3E on #B57D91
  • Aa3.62:1 Poor#B57D91 on #492E3E

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Grape Kiss to Pool Table — https://swatchly.xyz/palette/88446c-492e3e-b57d91-bcfceb-7ac9ab-2f9077 */
:root {
  --grape-kiss: #88446c;
  --voodoo: #492e3e;
  --punched-pink: #b57d91;
  --arabica-mint: #bcfceb;
  --minted-elegance: #7ac9ab;
  --pool-table: #2f9077;
}

Tailwind CSS v4

/* Grape Kiss to Pool Table — https://swatchly.xyz/palette/88446c-492e3e-b57d91-bcfceb-7ac9ab-2f9077 */
@theme {
  --color-grape-kiss: #88446c;
  --color-grape-kiss-50: #fff0f8;
  --color-grape-kiss-100: #ffe2f1;
  --color-grape-kiss-200: #ffc6e4;
  --color-grape-kiss-300: #efaed1;
  --color-grape-kiss-400: #d48db5;
  --color-grape-kiss-500: #bb729b;
  --color-grape-kiss-600: #9f5982;
  --color-grape-kiss-700: #88446c;
  --color-grape-kiss-800: #6c3355;
  --color-grape-kiss-900: #562542;
  --color-grape-kiss-950: #38152a;
  --color-voodoo: #492e3e;
  --color-voodoo-50: #fff0f8;
  --color-voodoo-100: #fae4f0;
  --color-voodoo-200: #e9cfdd;
  --color-voodoo-300: #d4b7c7;
  --color-voodoo-400: #b898aa;
  --color-voodoo-500: #9d7d8f;
  --color-voodoo-600: #826475;
  --color-voodoo-700: #6b4f5f;
  --color-voodoo-800: #573e4c;
  --color-voodoo-900: #492e3e;
  --color-voodoo-950: #2d1e27;
  --color-punched-pink: #b57d91;
  --color-punched-pink-50: #fff3f7;
  --color-punched-pink-100: #ffe8ef;
  --color-punched-pink-200: #fbcfde;
  --color-punched-pink-300: #eab8c9;
  --color-punched-pink-400: #ce98ab;
  --color-punched-pink-500: #b57d91;
  --color-punched-pink-600: #966175;
  --color-punched-pink-700: #7b4a5c;
  --color-punched-pink-800: #623848;
  --color-punched-pink-900: #4c2936;
  --color-punched-pink-950: #311721;
  --color-arabica-mint: #bcfceb;
  --color-arabica-mint-50: #ddfff5;
  --color-arabica-mint-100: #bcfceb;
  --color-arabica-mint-200: #b6e4d7;
  --color-arabica-mint-300: #9acec1;
  --color-arabica-mint-400: #75b0a1;
  --color-arabica-mint-500: #579485;
  --color-arabica-mint-600: #3d796b;
  --color-arabica-mint-700: #286154;
  --color-arabica-mint-800: #194c41;
  --color-arabica-mint-900: #0f3b32;
  --color-arabica-mint-950: #06251f;
  --color-minted-elegance: #7ac9ab;
  --color-minted-elegance-50: #cefce9;
  --color-minted-elegance-100: #bef1dc;
  --color-minted-elegance-200: #a1dec5;
  --color-minted-elegance-300: #7ac9ab;
  --color-minted-elegance-400: #5eaa8e;
  --color-minted-elegance-500: #419175;
  --color-minted-elegance-600: #27775d;
  --color-minted-elegance-700: #126049;
  --color-minted-elegance-800: #034d39;
  --color-minted-elegance-900: #003d2c;
  --color-minted-elegance-950: #00261b;
  --color-pool-table: #2f9077;
  --color-pool-table-50: #d3fff0;
  --color-pool-table-100: #bef6e3;
  --color-pool-table-200: #9fe3cd;
  --color-pool-table-300: #7ecdb5;
  --color-pool-table-400: #53ad93;
  --color-pool-table-500: #2f9077;
  --color-pool-table-600: #0c765f;
  --color-pool-table-700: #005e4b;
  --color-pool-table-800: #004a3a;
  --color-pool-table-900: #003a2d;
  --color-pool-table-950: #00251c;
}

Similar palettes