Watermelon Mousse to Everglade color palette

FADEECWatermelon Mousse 615157Pinot Noir 7B9288Mummy’s Tomb 99B1A2Ninja Turtle 2A3E35Everglade

About this palette

Watermelon Mousse to Everglade is a 5-color muted palette: #FADEEC (Watermelon Mousse), #615157 (Pinot Noir), #7B9288 (Mummy’s Tomb), #99B1A2 (Ninja Turtle), #2A3E35 (Everglade). It mixes pink, gray tones and feels warm overall. The strongest text pairing is #FADEEC on #2A3E35 with a contrast ratio of 9.09:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Watermelon Mousse	rgb(250, 222, 236)	hsl(330, 74%, 93%)
Pinot Noir	rgb(97, 81, 87)	hsl(338, 9%, 35%)
Mummy’s Tomb	rgb(123, 146, 136)	hsl(154, 10%, 53%)
Ninja Turtle	rgb(153, 177, 162)	hsl(142, 13%, 65%)
Everglade	rgb(42, 62, 53)	hsl(153, 19%, 20%)

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.

Aa9.09:1 Very good#FADEEC on #2A3E35
Aa9.09:1 Very good#2A3E35 on #FADEEC
Aa5.92:1 Good#FADEEC on #615157
Aa5.92:1 Good#615157 on #FADEEC
Aa4.98:1 Good#99B1A2 on #2A3E35
Aa4.98:1 Good#2A3E35 on #99B1A2
Aa3.43:1 Poor#7B9288 on #2A3E35
Aa3.43:1 Poor#2A3E35 on #7B9288

Color blindness preview

CSS variables

/* Watermelon Mousse to Everglade — https://swatchly.xyz/palette/fadeec-615157-7b9288-99b1a2-2a3e35 */
:root {
  --watermelon-mousse: #fadeec;
  --pinot-noir: #615157;
  --mummy-s-tomb: #7b9288;
  --ninja-turtle: #99b1a2;
  --everglade: #2a3e35;
}

Tailwind CSS v4

/* Watermelon Mousse to Everglade — https://swatchly.xyz/palette/fadeec-615157-7b9288-99b1a2-2a3e35 */
@theme {
  --color-watermelon-mousse: #fadeec;
  --color-watermelon-mousse-50: #fdecf4;
  --color-watermelon-mousse-100: #fadeec;
  --color-watermelon-mousse-200: #e2cdd8;
  --color-watermelon-mousse-300: #ceb7c2;
  --color-watermelon-mousse-400: #b097a4;
  --color-watermelon-mousse-500: #967d89;
  --color-watermelon-mousse-600: #7b636f;
  --color-watermelon-mousse-700: #634e59;
  --color-watermelon-mousse-800: #4f3c46;
  --color-watermelon-mousse-900: #3d2d36;
  --color-watermelon-mousse-950: #271b21;
  --color-pinot-noir: #615157;
  --color-pinot-noir-50: #fdf2f6;
  --color-pinot-noir-100: #f4e7ec;
  --color-pinot-noir-200: #e1d3d8;
  --color-pinot-noir-300: #ccbcc2;
  --color-pinot-noir-400: #ae9da3;
  --color-pinot-noir-500: #938188;
  --color-pinot-noir-600: #78676d;
  --color-pinot-noir-700: #615157;
  --color-pinot-noir-800: #4c3f44;
  --color-pinot-noir-900: #3b3034;
  --color-pinot-noir-950: #251d20;
  --color-mummy-s-tomb: #7b9288;
  --color-mummy-s-tomb-50: #ecfaf4;
  --color-mummy-s-tomb-100: #e2f1eb;
  --color-mummy-s-tomb-200: #cedfd8;
  --color-mummy-s-tomb-300: #b6cac1;
  --color-mummy-s-tomb-400: #96aca3;
  --color-mummy-s-tomb-500: #7b9288;
  --color-mummy-s-tomb-600: #60766d;
  --color-mummy-s-tomb-700: #4a5e55;
  --color-mummy-s-tomb-800: #384942;
  --color-mummy-s-tomb-900: #293832;
  --color-mummy-s-tomb-950: #18231e;
  --color-ninja-turtle: #99b1a2;
  --color-ninja-turtle-50: #effcf4;
  --color-ninja-turtle-100: #e5f4eb;
  --color-ninja-turtle-200: #d1e3d7;
  --color-ninja-turtle-300: #bacec1;
  --color-ninja-turtle-400: #99b1a2;
  --color-ninja-turtle-500: #7d9485;
  --color-ninja-turtle-600: #61776a;
  --color-ninja-turtle-700: #4a5f52;
  --color-ninja-turtle-800: #384a3f;
  --color-ninja-turtle-900: #29382f;
  --color-ninja-turtle-950: #18221c;
  --color-everglade: #2a3e35;
  --color-everglade-50: #ecf9f2;
  --color-everglade-100: #e0efe8;
  --color-everglade-200: #cbdcd4;
  --color-everglade-300: #b2c6bd;
  --color-everglade-400: #93a99e;
  --color-everglade-500: #788f84;
  --color-everglade-600: #60756b;
  --color-everglade-700: #4b5f56;
  --color-everglade-800: #3b4c44;
  --color-everglade-900: #2a3e35;
  --color-everglade-950: #1c2722;
}