Never Forget to Melting Glacier color palette

9E7883Never Forget 31272ASmoky Charcoal C5AAB2Grey Sheep 38544AHunter E7FAF4Melting Glacier

About this palette

Never Forget to Melting Glacier is a 5-color muted palette: #9E7883 (Never Forget), #31272A (Smoky Charcoal), #C5AAB2 (Grey Sheep), #38544A (Hunter), #E7FAF4 (Melting Glacier). It mixes pink, gray, turquoise, white tones and feels balanced overall. The strongest text pairing is #31272A on #E7FAF4 with a contrast ratio of 13.33:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Never Forget	rgb(158, 120, 131)	hsl(343, 16%, 55%)
Smoky Charcoal	rgb(49, 39, 42)	hsl(342, 11%, 17%)
Grey Sheep	rgb(197, 170, 178)	hsl(342, 19%, 72%)
Hunter	rgb(56, 84, 74)	hsl(159, 20%, 27%)
Melting Glacier	rgb(231, 250, 244)	hsl(161, 66%, 94%)

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.

Aa13.33:1 Super#31272A on #E7FAF4
Aa13.33:1 Super#E7FAF4 on #31272A
Aa7.64:1 Very good#38544A on #E7FAF4
Aa7.64:1 Very good#E7FAF4 on #38544A
Aa6.72:1 Good#31272A on #C5AAB2
Aa6.72:1 Good#C5AAB2 on #31272A
Aa3.85:1 Poor#C5AAB2 on #38544A
Aa3.85:1 Poor#38544A on #C5AAB2

Color blindness preview

CSS variables

/* Never Forget to Melting Glacier — https://swatchly.xyz/palette/9e7883-31272a-c5aab2-38544a-e7faf4 */
:root {
  --never-forget: #9e7883;
  --smoky-charcoal: #31272a;
  --grey-sheep: #c5aab2;
  --hunter: #38544a;
  --melting-glacier: #e7faf4;
}

Tailwind CSS v4

/* Never Forget to Melting Glacier — https://swatchly.xyz/palette/9e7883-31272a-c5aab2-38544a-e7faf4 */
@theme {
  --color-never-forget: #9e7883;
  --color-never-forget-50: #fff0f4;
  --color-never-forget-100: #fde2ea;
  --color-never-forget-200: #eccdd5;
  --color-never-forget-300: #d8b5be;
  --color-never-forget-400: #ba949f;
  --color-never-forget-500: #9e7883;
  --color-never-forget-600: #825f69;
  --color-never-forget-700: #6a4953;
  --color-never-forget-800: #543841;
  --color-never-forget-900: #422a32;
  --color-never-forget-950: #2a191e;
  --color-smoky-charcoal: #31272a;
  --color-smoky-charcoal-50: #faf3f5;
  --color-smoky-charcoal-100: #f1e9eb;
  --color-smoky-charcoal-200: #ded4d7;
  --color-smoky-charcoal-300: #c9bdc1;
  --color-smoky-charcoal-400: #a89c9f;
  --color-smoky-charcoal-500: #8b7f82;
  --color-smoky-charcoal-600: #6f6367;
  --color-smoky-charcoal-700: #564c4f;
  --color-smoky-charcoal-800: #41383b;
  --color-smoky-charcoal-900: #31272a;
  --color-smoky-charcoal-950: #1c1718;
  --color-grey-sheep: #c5aab2;
  --color-grey-sheep-50: #fae8ed;
  --color-grey-sheep-100: #efdbe1;
  --color-grey-sheep-200: #dbc4cb;
  --color-grey-sheep-300: #c5aab2;
  --color-grey-sheep-400: #a78e95;
  --color-grey-sheep-500: #8e757d;
  --color-grey-sheep-600: #755e65;
  --color-grey-sheep-700: #5f4a51;
  --color-grey-sheep-800: #4d3a40;
  --color-grey-sheep-900: #3e2e33;
  --color-grey-sheep-950: #271c1f;
  --color-hunter: #38544a;
  --color-hunter-50: #e8faf3;
  --color-hunter-100: #ddf1e9;
  --color-hunter-200: #c5dcd3;
  --color-hunter-300: #aac5bb;
  --color-hunter-400: #87a599;
  --color-hunter-500: #6a887d;
  --color-hunter-600: #506c62;
  --color-hunter-700: #38544a;
  --color-hunter-800: #2c4139;
  --color-hunter-900: #20322c;
  --color-hunter-950: #121f1a;
  --color-melting-glacier: #e7faf4;
  --color-melting-glacier-50: #e7faf4;
  --color-melting-glacier-100: #e2eeea;
  --color-melting-glacier-200: #cddbd7;
  --color-melting-glacier-300: #b5c5c0;
  --color-melting-glacier-400: #95a6a1;
  --color-melting-glacier-500: #798b85;
  --color-melting-glacier-600: #60706b;
  --color-melting-glacier-700: #4a5955;
  --color-melting-glacier-800: #394642;
  --color-melting-glacier-900: #2b3632;
  --color-melting-glacier-950: #19211f;
}