Never Forget to Lacrosse Color Palette

About this palette

Never Forget to Lacrosse is a 5-color muted, warm, vintage palette: #A2777C (Never Forget), #E69CA1 (Pink Floyd), #FFD2D3 (Girlie), #14312E (Elite Teal), #2E5E5D (Lacrosse). It mixes red, pink, turquoise tones and feels warm overall. The strongest text pairing is #FFD2D3 on #14312E with a contrast ratio of 10.22:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Never Forget	rgb(162, 119, 124)	hsl(353, 19%, 55%)
Pink Floyd	rgb(230, 156, 161)	hsl(356, 60%, 76%)
Girlie	rgb(255, 210, 211)	hsl(359, 100%, 91%)
Elite Teal	rgb(20, 49, 46)	hsl(174, 42%, 14%)
Lacrosse	rgb(46, 94, 93)	hsl(179, 34%, 27%)

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.22:1 Very good#FFD2D3 on #14312E
Aa10.22:1 Very good#14312E on #FFD2D3
Aa6.39:1 Good#E69CA1 on #14312E
Aa6.39:1 Good#14312E on #E69CA1
Aa5.36:1 Good#FFD2D3 on #2E5E5D
Aa5.36:1 Good#2E5E5D on #FFD2D3
Aa3.62:1 Poor#A2777C on #14312E
Aa3.62:1 Poor#14312E on #A2777C

Color blindness preview

CSS variables

/* Never Forget to Lacrosse — https://swatchly.xyz/palette/a2777c-e69ca1-ffd2d3-14312e-2e5e5d */
:root {
  --never-forget: #a2777c;
  --pink-floyd: #e69ca1;
  --girlie: #ffd2d3;
  --elite-teal: #14312e;
  --lacrosse: #2e5e5d;
}

Tailwind CSS v4

/* Never Forget to Lacrosse — https://swatchly.xyz/palette/a2777c-e69ca1-ffd2d3-14312e-2e5e5d */
@theme {
  --color-never-forget: #a2777c;
  --color-never-forget-50: #fff1f2;
  --color-never-forget-100: #ffe2e5;
  --color-never-forget-200: #f0ccd0;
  --color-never-forget-300: #dcb4b8;
  --color-never-forget-400: #be9398;
  --color-never-forget-500: #a2777c;
  --color-never-forget-600: #865e62;
  --color-never-forget-700: #6d494d;
  --color-never-forget-800: #57373b;
  --color-never-forget-900: #442a2d;
  --color-never-forget-950: #2c191b;
  --color-pink-floyd: #e69ca1;
  --color-pink-floyd-50: #ffe7e8;
  --color-pink-floyd-100: #ffd6d8;
  --color-pink-floyd-200: #f7b9bd;
  --color-pink-floyd-300: #e69ca1;
  --color-pink-floyd-400: #c68085;
  --color-pink-floyd-500: #ac676d;
  --color-pink-floyd-600: #905056;
  --color-pink-floyd-700: #773d43;
  --color-pink-floyd-800: #612f34;
  --color-pink-floyd-900: #4f2328;
  --color-pink-floyd-950: #331417;
  --color-girlie: #ffd2d3;
  --color-girlie-50: #fff8f8;
  --color-girlie-100: #ffecec;
  --color-girlie-200: #ffd2d3;
  --color-girlie-300: #e1bdbd;
  --color-girlie-400: #c39a9b;
  --color-girlie-500: #a67e7f;
  --color-girlie-600: #896264;
  --color-girlie-700: #6e4c4d;
  --color-girlie-800: #57393a;
  --color-girlie-900: #442b2c;
  --color-girlie-950: #2c1a1a;
  --color-elite-teal: #14312e;
  --color-elite-teal-50: #e7faf7;
  --color-elite-teal-100: #dcf0ed;
  --color-elite-teal-200: #c5ddda;
  --color-elite-teal-300: #acc8c4;
  --color-elite-teal-400: #89a7a3;
  --color-elite-teal-500: #6b8a86;
  --color-elite-teal-600: #516e6b;
  --color-elite-teal-700: #3b5652;
  --color-elite-teal-800: #2a413e;
  --color-elite-teal-900: #14312e;
  --color-elite-teal-950: #101c1b;
  --color-lacrosse: #2e5e5d;
  --color-lacrosse-50: #e0fcfb;
  --color-lacrosse-100: #d4f2f1;
  --color-lacrosse-200: #bbe0df;
  --color-lacrosse-300: #a0cac9;
  --color-lacrosse-400: #7cacaa;
  --color-lacrosse-500: #60908f;
  --color-lacrosse-600: #467574;
  --color-lacrosse-700: #2e5e5d;
  --color-lacrosse-800: #234949;
  --color-lacrosse-900: #183938;
  --color-lacrosse-950: #0c2323;
}