Near Moon to Paolo Veronese Green Color Palette

About this palette

Near Moon to Paolo Veronese Green is a 5-color cool palette: #4FEEE4 (Near Moon), #73002F (Merlot), #F37F8F (Xoxo), #007A71 (Emperor Jade), #00A28B (Paolo Veronese Green). It mixes turquoise, red tones and feels cool overall. The strongest text pairing is #4FEEE4 on #73002F with a contrast ratio of 8.30:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Near Moon	rgb(79, 238, 228)	hsl(176, 82%, 62%)
Merlot	rgb(115, 0, 47)	hsl(335, 100%, 23%)
Xoxo	rgb(243, 127, 143)	hsl(352, 83%, 73%)
Emperor Jade	rgb(0, 122, 113)	hsl(176, 100%, 24%)
Paolo Veronese Green	rgb(0, 162, 139)	hsl(171, 100%, 32%)

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.30:1 Very good#4FEEE4 on #73002F
Aa8.30:1 Very good#73002F on #4FEEE4
Aa4.66:1 Good#73002F on #F37F8F
Aa4.66:1 Good#F37F8F on #73002F
Aa3.70:1 Poor#73002F on #00A28B
Aa3.70:1 Poor#00A28B on #73002F
Aa3.65:1 Poor#4FEEE4 on #007A71
Aa3.65:1 Poor#007A71 on #4FEEE4

Color blindness preview

CSS variables

/* Near Moon to Paolo Veronese Green — https://swatchly.xyz/palette/4feee4-73002f-f37f8f-007a71-00a28b */
:root {
  --near-moon: #4feee4;
  --merlot: #73002f;
  --xoxo: #f37f8f;
  --emperor-jade: #007a71;
  --paolo-veronese-green: #00a28b;
}

Tailwind CSS v4

/* Near Moon to Paolo Veronese Green — https://swatchly.xyz/palette/4feee4-73002f-f37f8f-007a71-00a28b */
@theme {
  --color-near-moon: #4feee4;
  --color-near-moon-50: #c7fffa;
  --color-near-moon-100: #a3faf2;
  --color-near-moon-200: #4feee4;
  --color-near-moon-300: #52d4cc;
  --color-near-moon-400: #00b6ae;
  --color-near-moon-500: #009891;
  --color-near-moon-600: #007b75;
  --color-near-moon-700: #00625d;
  --color-near-moon-800: #004d49;
  --color-near-moon-900: #003c39;
  --color-near-moon-950: #002523;
  --color-merlot: #73002f;
  --color-merlot-50: #fff1f3;
  --color-merlot-100: #ffe3e7;
  --color-merlot-200: #ffc6d0;
  --color-merlot-300: #ffa0b3;
  --color-merlot-400: #e67790;
  --color-merlot-500: #c75974;
  --color-merlot-600: #a63d59;
  --color-merlot-700: #872843;
  --color-merlot-800: #73002f;
  --color-merlot-900: #540f25;
  --color-merlot-950: #360615;
  --color-xoxo: #f37f8f;
  --color-xoxo-50: #fff4f5;
  --color-xoxo-100: #ffe8ea;
  --color-xoxo-200: #ffcdd2;
  --color-xoxo-300: #ffacb5;
  --color-xoxo-400: #f37f8f;
  --color-xoxo-500: #d26273;
  --color-xoxo-600: #b24659;
  --color-xoxo-700: #933043;
  --color-xoxo-800: #771f32;
  --color-xoxo-900: #5e1324;
  --color-xoxo-950: #3d0814;
  --color-emperor-jade: #007a71;
  --color-emperor-jade-50: #d7fff9;
  --color-emperor-jade-100: #c1f8f0;
  --color-emperor-jade-200: #a3e6dd;
  --color-emperor-jade-300: #82d0c7;
  --color-emperor-jade-400: #57b2a8;
  --color-emperor-jade-500: #33968c;
  --color-emperor-jade-600: #007a71;
  --color-emperor-jade-700: #00615a;
  --color-emperor-jade-800: #004c46;
  --color-emperor-jade-900: #003b36;
  --color-emperor-jade-950: #002521;
  --color-paolo-veronese-green: #00a28b;
  --color-paolo-veronese-green-50: #dcfff6;
  --color-paolo-veronese-green-100: #bafded;
  --color-paolo-veronese-green-200: #9bedda;
  --color-paolo-veronese-green-300: #78dac4;
  --color-paolo-veronese-green-400: #45bda6;
  --color-paolo-veronese-green-500: #00a28b;
  --color-paolo-veronese-green-600: #008370;
  --color-paolo-veronese-green-700: #006858;
  --color-paolo-veronese-green-800: #005144;
  --color-paolo-veronese-green-900: #003e34;
  --color-paolo-veronese-green-950: #002720;
}