Parfait to Nirvana Color Palette

About this palette

Parfait to Nirvana is a 5-color muted, cool, vintage palette: #C7A1A3 (Parfait), #3A7868 (Majorelle Gardens), #F2DCF2 (Grape Taffy), #204437 (Everglade), #A38C9E (Nirvana). It mixes red, turquoise, pink tones and feels cool overall. The strongest text pairing is #F2DCF2 on #204437 with a contrast ratio of 8.38:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Parfait	rgb(199, 161, 163)	hsl(357, 25%, 71%)
Majorelle Gardens	rgb(58, 120, 104)	hsl(165, 35%, 35%)
Grape Taffy	rgb(242, 220, 242)	hsl(300, 46%, 91%)
Everglade	rgb(32, 68, 55)	hsl(158, 36%, 20%)
Nirvana	rgb(163, 140, 158)	hsl(313, 11%, 59%)

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.38:1 Very good#F2DCF2 on #204437
Aa8.38:1 Very good#204437 on #F2DCF2
Aa4.66:1 Good#C7A1A3 on #204437
Aa4.66:1 Good#204437 on #C7A1A3
Aa4.01:1 Poor#3A7868 on #F2DCF2
Aa4.01:1 Poor#F2DCF2 on #3A7868
Aa3.50:1 Poor#204437 on #A38C9E
Aa3.50:1 Poor#A38C9E on #204437

Color blindness preview

CSS variables

/* Parfait to Nirvana — https://swatchly.xyz/palette/c7a1a3-3a7868-f2dcf2-204437-a38c9e */
:root {
  --parfait: #c7a1a3;
  --majorelle-gardens: #3a7868;
  --grape-taffy: #f2dcf2;
  --everglade: #204437;
  --nirvana: #a38c9e;
}

Tailwind CSS v4

/* Parfait to Nirvana — https://swatchly.xyz/palette/c7a1a3-3a7868-f2dcf2-204437-a38c9e */
@theme {
  --color-parfait: #c7a1a3;
  --color-parfait-50: #fff7f7;
  --color-parfait-100: #ffebec;
  --color-parfait-200: #f3d7d8;
  --color-parfait-300: #e1c1c2;
  --color-parfait-400: #c7a1a3;
  --color-parfait-500: #a88486;
  --color-parfait-600: #8b686a;
  --color-parfait-700: #705052;
  --color-parfait-800: #583d3f;
  --color-parfait-900: #442d2f;
  --color-parfait-950: #2a1a1b;
  --color-majorelle-gardens: #3a7868;
  --color-majorelle-gardens-50: #dcfef3;
  --color-majorelle-gardens-100: #cef5e9;
  --color-majorelle-gardens-200: #b5e3d5;
  --color-majorelle-gardens-300: #98cdbe;
  --color-majorelle-gardens-400: #73af9e;
  --color-majorelle-gardens-500: #569382;
  --color-majorelle-gardens-600: #3a7868;
  --color-majorelle-gardens-700: #276052;
  --color-majorelle-gardens-800: #194c40;
  --color-majorelle-gardens-900: #0e3b31;
  --color-majorelle-gardens-950: #05251e;
  --color-grape-taffy: #f2dcf2;
  --color-grape-taffy-50: #f8eaf7;
  --color-grape-taffy-100: #f2dcf2;
  --color-grape-taffy-200: #dcccdc;
  --color-grape-taffy-300: #c8b5c8;
  --color-grape-taffy-400: #ab97ab;
  --color-grape-taffy-500: #907d90;
  --color-grape-taffy-600: #766476;
  --color-grape-taffy-700: #604f60;
  --color-grape-taffy-800: #4b3d4c;
  --color-grape-taffy-900: #3a2e3b;
  --color-grape-taffy-950: #251c25;
  --color-everglade: #204437;
  --color-everglade-50: #e5fbf2;
  --color-everglade-100: #d9f2e7;
  --color-everglade-200: #c2dfd3;
  --color-everglade-300: #a7c9ba;
  --color-everglade-400: #84a999;
  --color-everglade-500: #668c7d;
  --color-everglade-600: #4c7062;
  --color-everglade-700: #37574b;
  --color-everglade-800: #204437;
  --color-everglade-900: #1c332a;
  --color-everglade-950: #0f1f19;
  --color-nirvana: #a38c9e;
  --color-nirvana-50: #faebf7;
  --color-nirvana-100: #efdeeb;
  --color-nirvana-200: #dbc7d6;
  --color-nirvana-300: #c3aebf;
  --color-nirvana-400: #a38c9e;
  --color-nirvana-500: #8a7385;
  --color-nirvana-600: #715c6c;
  --color-nirvana-700: #5b4957;
  --color-nirvana-800: #493945;
  --color-nirvana-900: #3a2c37;
  --color-nirvana-950: #261c24;
}