Start generating

Liaison to Pacific Pleasure color palette

923E4DLiaison84D3E7Water Nymph2F9C57Militant VeganE89DB5Rose Elegance003F17Deep Pond007D95Pacific Pleasure
Open in generator Export PNG, PDF, ASE…

About this palette

Liaison to Pacific Pleasure is a 6-color cool palette: #923E4D (Liaison), #84D3E7 (Water Nymph), #2F9C57 (Militant Vegan), #E89DB5 (Rose Elegance), #003F17 (Deep Pond), #007D95 (Pacific Pleasure). It mixes red, blue, green, pink tones and feels cool overall. The strongest text pairing is #84D3E7 on #003F17 with a contrast ratio of 7.23:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Liaisonrgb(146, 62, 77)hsl(349, 40%, 41%)
Water Nymphrgb(132, 211, 231)hsl(192, 67%, 71%)
Militant Veganrgb(47, 156, 87)hsl(142, 54%, 40%)
Rose Elegancergb(232, 157, 181)hsl(341, 62%, 76%)
Deep Pondrgb(0, 63, 23)hsl(142, 100%, 12%)
Pacific Pleasurergb(0, 125, 149)hsl(190, 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.23:1 Very good#84D3E7 on #003F17
  • Aa7.23:1 Very good#003F17 on #84D3E7
  • Aa5.76:1 Good#E89DB5 on #003F17
  • Aa5.76:1 Good#003F17 on #E89DB5
  • Aa4.13:1 Poor#923E4D on #84D3E7
  • Aa4.13:1 Poor#84D3E7 on #923E4D
  • Aa3.49:1 Poor#2F9C57 on #003F17
  • Aa3.49:1 Poor#003F17 on #2F9C57

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Liaison to Pacific Pleasure — https://swatchly.xyz/palette/923e4d-84d3e7-2f9c57-e89db5-003f17-007d95 */
:root {
  --liaison: #923e4d;
  --water-nymph: #84d3e7;
  --militant-vegan: #2f9c57;
  --rose-elegance: #e89db5;
  --deep-pond: #003f17;
  --pacific-pleasure: #007d95;
}

Tailwind CSS v4

/* Liaison to Pacific Pleasure — https://swatchly.xyz/palette/923e4d-84d3e7-2f9c57-e89db5-003f17-007d95 */
@theme {
  --color-liaison: #923e4d;
  --color-liaison-50: #fff1f2;
  --color-liaison-100: #ffe3e6;
  --color-liaison-200: #ffc9cf;
  --color-liaison-300: #fbaab4;
  --color-liaison-400: #e18995;
  --color-liaison-500: #c76d7a;
  --color-liaison-600: #aa5462;
  --color-liaison-700: #923e4d;
  --color-liaison-800: #752e3b;
  --color-liaison-900: #5d202c;
  --color-liaison-950: #3d111a;
  --color-water-nymph: #84d3e7;
  --color-water-nymph-50: #ebfbff;
  --color-water-nymph-100: #d1f5ff;
  --color-water-nymph-200: #afe6f4;
  --color-water-nymph-300: #84d3e7;
  --color-water-nymph-400: #67b2c4;
  --color-water-nymph-500: #4695a8;
  --color-water-nymph-600: #27798c;
  --color-water-nymph-700: #0d6171;
  --color-water-nymph-800: #004c5a;
  --color-water-nymph-900: #003a45;
  --color-water-nymph-950: #00242c;
  --color-militant-vegan: #2f9c57;
  --color-militant-vegan-50: #deffe5;
  --color-militant-vegan-100: #bffccd;
  --color-militant-vegan-200: #a1ebb4;
  --color-militant-vegan-300: #80d698;
  --color-militant-vegan-400: #55b874;
  --color-militant-vegan-500: #2f9c57;
  --color-militant-vegan-600: #00803e;
  --color-militant-vegan-700: #006630;
  --color-militant-vegan-800: #005024;
  --color-militant-vegan-900: #003e1b;
  --color-militant-vegan-950: #00270e;
  --color-rose-elegance: #e89db5;
  --color-rose-elegance-50: #ffe9ef;
  --color-rose-elegance-100: #ffd8e3;
  --color-rose-elegance-200: #f8bbcd;
  --color-rose-elegance-300: #e89db5;
  --color-rose-elegance-400: #c78198;
  --color-rose-elegance-500: #ad677e;
  --color-rose-elegance-600: #914f66;
  --color-rose-elegance-700: #773c51;
  --color-rose-elegance-800: #612d40;
  --color-rose-elegance-900: #4e2232;
  --color-rose-elegance-950: #33131f;
  --color-deep-pond: #003f17;
  --color-deep-pond-50: #dfffe4;
  --color-deep-pond-100: #d2f6d7;
  --color-deep-pond-200: #bae4c0;
  --color-deep-pond-300: #9ecfa6;
  --color-deep-pond-400: #7bb184;
  --color-deep-pond-500: #5e9669;
  --color-deep-pond-600: #447a4f;
  --color-deep-pond-700: #30623b;
  --color-deep-pond-800: #214e2c;
  --color-deep-pond-900: #003f17;
  --color-deep-pond-950: #0a2611;
  --color-pacific-pleasure: #007d95;
  --color-pacific-pleasure-50: #e6f9ff;
  --color-pacific-pleasure-100: #cdf4ff;
  --color-pacific-pleasure-200: #a3e5f8;
  --color-pacific-pleasure-300: #83d1e6;
  --color-pacific-pleasure-400: #58b3cb;
  --color-pacific-pleasure-500: #3398b0;
  --color-pacific-pleasure-600: #007d95;
  --color-pacific-pleasure-700: #006377;
  --color-pacific-pleasure-800: #004e5d;
  --color-pacific-pleasure-900: #003c48;
  --color-pacific-pleasure-950: #00252e;
}

Similar palettes