Start generating

Nightmare to Pig Pink color palette

002219Nightmare005C49EvergreenA54E6BCherry Berry00A17CPaolo Veronese GreenF5B3C0IbisFFD6E9Pig Pink
Open in generator Export PNG, PDF, ASE…

About this palette

Nightmare to Pig Pink is a 6-color vintage palette: #002219 (Nightmare), #005C49 (Evergreen), #A54E6B (Cherry Berry), #00A17C (Paolo Veronese Green), #F5B3C0 (Ibis), #FFD6E9 (Pig Pink). It mixes turquoise, red, pink tones and feels balanced overall. The strongest text pairing is #002219 on #FFD6E9 with a contrast ratio of 12.91:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Nightmarergb(0, 34, 25)hsl(164, 100%, 7%)
Evergreenrgb(0, 92, 73)hsl(168, 100%, 18%)
Cherry Berryrgb(165, 78, 107)hsl(340, 36%, 48%)
Paolo Veronese Greenrgb(0, 161, 124)hsl(166, 100%, 32%)
Ibisrgb(245, 179, 192)hsl(348, 77%, 83%)
Pig Pinkrgb(255, 214, 233)hsl(332, 100%, 92%)

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.

  • Aa12.91:1 Super#002219 on #FFD6E9
  • Aa12.91:1 Super#FFD6E9 on #002219
  • Aa9.73:1 Very good#002219 on #F5B3C0
  • Aa9.73:1 Very good#F5B3C0 on #002219
  • Aa6.11:1 Good#005C49 on #FFD6E9
  • Aa6.11:1 Good#FFD6E9 on #005C49
  • Aa5.14:1 Good#002219 on #00A17C
  • Aa5.14:1 Good#00A17C on #002219

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Nightmare to Pig Pink — https://swatchly.xyz/palette/002219-005c49-a54e6b-00a17c-f5b3c0-ffd6e9 */
:root {
  --nightmare: #002219;
  --evergreen: #005c49;
  --cherry-berry: #a54e6b;
  --paolo-veronese-green: #00a17c;
  --ibis: #f5b3c0;
  --pig-pink: #ffd6e9;
}

Tailwind CSS v4

/* Nightmare to Pig Pink — https://swatchly.xyz/palette/002219-005c49-a54e6b-00a17c-f5b3c0-ffd6e9 */
@theme {
  --color-nightmare: #002219;
  --color-nightmare-50: #e6fbf3;
  --color-nightmare-100: #daf1e9;
  --color-nightmare-200: #c3dfd5;
  --color-nightmare-300: #aac9be;
  --color-nightmare-400: #88aa9e;
  --color-nightmare-500: #6b8e82;
  --color-nightmare-600: #517367;
  --color-nightmare-700: #3c5b50;
  --color-nightmare-800: #2b463d;
  --color-nightmare-900: #1f352e;
  --color-nightmare-950: #002219;
  --color-evergreen: #005c49;
  --color-evergreen-50: #dafff2;
  --color-evergreen-100: #caf7e7;
  --color-evergreen-200: #ade4d2;
  --color-evergreen-300: #8ecdb9;
  --color-evergreen-400: #67ae98;
  --color-evergreen-500: #47917b;
  --color-evergreen-600: #2b7460;
  --color-evergreen-700: #005c49;
  --color-evergreen-800: #074739;
  --color-evergreen-900: #01372b;
  --color-evergreen-950: #00231a;
  --color-cherry-berry: #a54e6b;
  --color-cherry-berry-50: #fff1f4;
  --color-cherry-berry-100: #ffe4ea;
  --color-cherry-berry-200: #ffc7d6;
  --color-cherry-berry-300: #f9a7bf;
  --color-cherry-berry-400: #de85a0;
  --color-cherry-berry-500: #c26885;
  --color-cherry-berry-600: #a54e6b;
  --color-cherry-berry-700: #883954;
  --color-cherry-berry-800: #6d2941;
  --color-cherry-berry-900: #571c32;
  --color-cherry-berry-950: #390f1e;
  --color-paolo-veronese-green: #00a17c;
  --color-paolo-veronese-green-50: #ddfff1;
  --color-paolo-veronese-green-100: #b9fee4;
  --color-paolo-veronese-green-200: #9aedcf;
  --color-paolo-veronese-green-300: #77dab7;
  --color-paolo-veronese-green-400: #44bc97;
  --color-paolo-veronese-green-500: #00a17c;
  --color-paolo-veronese-green-600: #008263;
  --color-paolo-veronese-green-700: #00674e;
  --color-paolo-veronese-green-800: #00513d;
  --color-paolo-veronese-green-900: #003e2e;
  --color-paolo-veronese-green-950: #00271c;
  --color-ibis: #f5b3c0;
  --color-ibis-50: #fff6f8;
  --color-ibis-100: #ffeaed;
  --color-ibis-200: #ffcfd8;
  --color-ibis-300: #f5b3c0;
  --color-ibis-400: #d094a0;
  --color-ibis-500: #b37683;
  --color-ibis-600: #955b68;
  --color-ibis-700: #7a4551;
  --color-ibis-800: #61333e;
  --color-ibis-900: #4b252e;
  --color-ibis-950: #31161c;
  --color-pig-pink: #ffd6e9;
  --color-pig-pink-50: #ffe7f2;
  --color-pig-pink-100: #ffd6e9;
  --color-pig-pink-200: #e6c7d5;
  --color-pig-pink-300: #d3b1c1;
  --color-pig-pink-400: #b692a3;
  --color-pig-pink-500: #9c7789;
  --color-pig-pink-600: #815f70;
  --color-pig-pink-700: #6a4a5a;
  --color-pig-pink-800: #543946;
  --color-pig-pink-900: #422b36;
  --color-pig-pink-950: #2a1922;
}

Similar palettes