Start generating

Flirt to Hidden Sea Glass color palette

7E2553Flirt007D74Wizards Orb5EB4A5Turquoise FantasiesBE6477Watermelon GelatoFFEAEFJust Pink Enough78D0C9Hidden Sea Glass
Open in generator Export PNG, PDF, ASE…

About this palette

Flirt to Hidden Sea Glass is a 6-color palette: #7E2553 (Flirt), #007D74 (Wizards Orb), #5EB4A5 (Turquoise Fantasies), #BE6477 (Watermelon Gelato), #FFEAEF (Just Pink Enough), #78D0C9 (Hidden Sea Glass). It mixes red, turquoise, pink, white tones and feels cool overall. The strongest text pairing is #7E2553 on #FFEAEF with a contrast ratio of 8.02:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Flirtrgb(126, 37, 83)hsl(329, 55%, 32%)
Wizards Orbrgb(0, 125, 116)hsl(176, 100%, 25%)
Turquoise Fantasiesrgb(94, 180, 165)hsl(170, 36%, 54%)
Watermelon Gelatorgb(190, 100, 119)hsl(347, 41%, 57%)
Just Pink Enoughrgb(255, 234, 239)hsl(346, 100%, 96%)
Hidden Sea Glassrgb(120, 208, 201)hsl(175, 48%, 64%)

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.

  • Aa8.02:1 Very good#7E2553 on #FFEAEF
  • Aa8.02:1 Very good#FFEAEF on #7E2553
  • Aa5.12:1 Good#7E2553 on #78D0C9
  • Aa5.12:1 Good#78D0C9 on #7E2553
  • Aa4.36:1 Poor#007D74 on #FFEAEF
  • Aa4.36:1 Poor#FFEAEF on #007D74
  • Aa3.75:1 Poor#7E2553 on #5EB4A5
  • Aa3.75:1 Poor#5EB4A5 on #7E2553

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Flirt to Hidden Sea Glass — https://swatchly.xyz/palette/7e2553-007d74-5eb4a5-be6477-ffeaef-78d0c9 */
:root {
  --flirt: #7e2553;
  --wizards-orb: #007d74;
  --turquoise-fantasies: #5eb4a5;
  --watermelon-gelato: #be6477;
  --just-pink-enough: #ffeaef;
  --hidden-sea-glass: #78d0c9;
}

Tailwind CSS v4

/* Flirt to Hidden Sea Glass — https://swatchly.xyz/palette/7e2553-007d74-5eb4a5-be6477-ffeaef-78d0c9 */
@theme {
  --color-flirt: #7e2553;
  --color-flirt-50: #fff1f6;
  --color-flirt-100: #ffe2ed;
  --color-flirt-200: #ffc1db;
  --color-flirt-300: #f69ec4;
  --color-flirt-400: #d879a4;
  --color-flirt-500: #b95b87;
  --color-flirt-600: #98406b;
  --color-flirt-700: #7e2553;
  --color-flirt-800: #621e40;
  --color-flirt-900: #4d1432;
  --color-flirt-950: #320a1e;
  --color-wizards-orb: #007d74;
  --color-wizards-orb-50: #d7fff9;
  --color-wizards-orb-100: #c0f8f1;
  --color-wizards-orb-200: #a3e7de;
  --color-wizards-orb-300: #83d2c9;
  --color-wizards-orb-400: #58b4aa;
  --color-wizards-orb-500: #33988f;
  --color-wizards-orb-600: #007d74;
  --color-wizards-orb-700: #00635c;
  --color-wizards-orb-800: #004e48;
  --color-wizards-orb-900: #003c37;
  --color-wizards-orb-950: #002622;
  --color-turquoise-fantasies: #5eb4a5;
  --color-turquoise-fantasies-50: #d9fff7;
  --color-turquoise-fantasies-100: #c5f8ed;
  --color-turquoise-fantasies-200: #a9e6da;
  --color-turquoise-fantasies-300: #8bd2c4;
  --color-turquoise-fantasies-400: #5eb4a5;
  --color-turquoise-fantasies-500: #409889;
  --color-turquoise-fantasies-600: #217c6f;
  --color-turquoise-fantasies-700: #036458;
  --color-turquoise-fantasies-800: #004e45;
  --color-turquoise-fantasies-900: #003c35;
  --color-turquoise-fantasies-950: #002620;
  --color-watermelon-gelato: #be6477;
  --color-watermelon-gelato-50: #fff1f3;
  --color-watermelon-gelato-100: #ffe2e6;
  --color-watermelon-gelato-200: #ffc4ce;
  --color-watermelon-gelato-300: #f8a4b3;
  --color-watermelon-gelato-400: #db8193;
  --color-watermelon-gelato-500: #be6477;
  --color-watermelon-gelato-600: #a04b5e;
  --color-watermelon-gelato-700: #843749;
  --color-watermelon-gelato-800: #6a2738;
  --color-watermelon-gelato-900: #551b2a;
  --color-watermelon-gelato-950: #380e19;
  --color-just-pink-enough: #ffeaef;
  --color-just-pink-enough-50: #ffeaef;
  --color-just-pink-enough-100: #f1e3e6;
  --color-just-pink-enough-200: #dfd0d3;
  --color-just-pink-enough-300: #cbb9bd;
  --color-just-pink-enough-400: #ad9a9f;
  --color-just-pink-enough-500: #928084;
  --color-just-pink-enough-600: #78666b;
  --color-just-pink-enough-700: #605054;
  --color-just-pink-enough-800: #4c3e42;
  --color-just-pink-enough-900: #3b2f32;
  --color-just-pink-enough-950: #251d1f;
  --color-hidden-sea-glass: #78d0c9;
  --color-hidden-sea-glass-50: #d0fffa;
  --color-hidden-sea-glass-100: #c0f5f0;
  --color-hidden-sea-glass-200: #a3e3dd;
  --color-hidden-sea-glass-300: #78d0c9;
  --color-hidden-sea-glass-400: #5bb0a9;
  --color-hidden-sea-glass-500: #3a958f;
  --color-hidden-sea-glass-600: #1a7a74;
  --color-hidden-sea-glass-700: #00625d;
  --color-hidden-sea-glass-800: #004d49;
  --color-hidden-sea-glass-900: #003c39;
  --color-hidden-sea-glass-950: #002523;
}

Similar palettes