Coral Kiss to Pool Table Color Palette

About this palette

Coral Kiss to Pool Table is a 4-color cool palette: #FFDCC5 (Coral Kiss), #73BBA9 (Sereni Teal), #4E3B6E (Meteorite), #00967E (Pool Table). It mixes orange, turquoise, purple tones and feels cool overall. The strongest text pairing is #FFDCC5 on #4E3B6E with a contrast ratio of 7.49:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Coral Kiss	rgb(255, 220, 197)	hsl(24, 100%, 89%)
Sereni Teal	rgb(115, 187, 169)	hsl(165, 35%, 59%)
Meteorite	rgb(78, 59, 110)	hsl(262, 30%, 33%)
Pool Table	rgb(0, 150, 126)	hsl(170, 100%, 29%)

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.

Aa7.49:1 Very good#FFDCC5 on #4E3B6E
Aa7.49:1 Very good#4E3B6E on #FFDCC5
Aa4.33:1 Poor#73BBA9 on #4E3B6E
Aa4.33:1 Poor#4E3B6E on #73BBA9

Color blindness preview

CSS variables

/* Coral Kiss to Pool Table — https://swatchly.xyz/palette/ffdcc5-73bba9-4e3b6e-00967e */
:root {
  --coral-kiss: #ffdcc5;
  --sereni-teal: #73bba9;
  --meteorite: #4e3b6e;
  --pool-table: #00967e;
}

Tailwind CSS v4

/* Coral Kiss to Pool Table — https://swatchly.xyz/palette/ffdcc5-73bba9-4e3b6e-00967e */
@theme {
  --color-coral-kiss: #ffdcc5;
  --color-coral-kiss-50: #ffebdd;
  --color-coral-kiss-100: #ffdcc5;
  --color-coral-kiss-200: #e6ccba;
  --color-coral-kiss-300: #d3b6a2;
  --color-coral-kiss-400: #b69782;
  --color-coral-kiss-500: #9c7d68;
  --color-coral-kiss-600: #816450;
  --color-coral-kiss-700: #6a4f3d;
  --color-coral-kiss-800: #543d2d;
  --color-coral-kiss-900: #422e20;
  --color-coral-kiss-950: #2a1c12;
  --color-sereni-teal: #73bba9;
  --color-sereni-teal-50: #e6fff8;
  --color-sereni-teal-100: #d1fbef;
  --color-sereni-teal-200: #b9eadd;
  --color-sereni-teal-300: #9dd7c7;
  --color-sereni-teal-400: #73bba9;
  --color-sereni-teal-500: #569d8c;
  --color-sereni-teal-600: #388070;
  --color-sereni-teal-700: #216758;
  --color-sereni-teal-800: #105044;
  --color-sereni-teal-900: #043e33;
  --color-sereni-teal-950: #00261f;
  --color-meteorite: #4e3b6e;
  --color-meteorite-50: #f6f3ff;
  --color-meteorite-100: #eee7ff;
  --color-meteorite-200: #ddcffc;
  --color-meteorite-300: #c8b8eb;
  --color-meteorite-400: #ab98d0;
  --color-meteorite-500: #907db5;
  --color-meteorite-600: #766399;
  --color-meteorite-700: #604e80;
  --color-meteorite-800: #4e3b6e;
  --color-meteorite-900: #3c2e53;
  --color-meteorite-950: #261c37;
  --color-pool-table: #00967e;
  --color-pool-table-50: #d5fff3;
  --color-pool-table-100: #b7f9e7;
  --color-pool-table-200: #96e7d2;
  --color-pool-table-300: #72d2ba;
  --color-pool-table-400: #40b39a;
  --color-pool-table-500: #00967e;
  --color-pool-table-600: #007965;
  --color-pool-table-700: #006050;
  --color-pool-table-800: #004c3e;
  --color-pool-table-900: #003b30;
  --color-pool-table-950: #00251e;
}