Parfait to Antiguan Color Palette

About this palette

Parfait to Antiguan is a 5-color muted palette: #CEA79D (Parfait), #3B534F (Night Watch), #8B6D81 (Fruit of Passion), #372D36 (Mystical Shadow), #C0E1DC (Antiguan). It mixes red, gray, pink, turquoise tones and feels warm overall. The strongest text pairing is #372D36 on #C0E1DC with a contrast ratio of 9.46:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Parfait	rgb(206, 167, 157)	hsl(12, 33%, 71%)
Night Watch	rgb(59, 83, 79)	hsl(170, 17%, 28%)
Fruit of Passion	rgb(139, 109, 129)	hsl(320, 12%, 49%)
Mystical Shadow	rgb(55, 45, 54)	hsl(306, 10%, 20%)
Antiguan	rgb(192, 225, 220)	hsl(171, 35%, 82%)

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.46:1 Very good#372D36 on #C0E1DC
Aa9.46:1 Very good#C0E1DC on #372D36
Aa6.06:1 Good#CEA79D on #372D36
Aa6.06:1 Good#372D36 on #CEA79D
Aa5.93:1 Good#3B534F on #C0E1DC
Aa5.93:1 Good#C0E1DC on #3B534F
Aa3.80:1 Poor#CEA79D on #3B534F
Aa3.80:1 Poor#3B534F on #CEA79D

Color blindness preview

CSS variables

/* Parfait to Antiguan — https://swatchly.xyz/palette/cea79d-3b534f-8b6d81-372d36-c0e1dc */
:root {
  --parfait: #cea79d;
  --night-watch: #3b534f;
  --fruit-of-passion: #8b6d81;
  --mystical-shadow: #372d36;
  --antiguan: #c0e1dc;
}

Tailwind CSS v4

/* Parfait to Antiguan — https://swatchly.xyz/palette/cea79d-3b534f-8b6d81-372d36-c0e1dc */
@theme {
  --color-parfait: #cea79d;
  --color-parfait-50: #ffe7e1;
  --color-parfait-100: #f6d9d2;
  --color-parfait-200: #e2c2b9;
  --color-parfait-300: #cea79d;
  --color-parfait-400: #b08b82;
  --color-parfait-500: #977369;
  --color-parfait-600: #7d5b53;
  --color-parfait-700: #674841;
  --color-parfait-800: #533932;
  --color-parfait-900: #432c26;
  --color-parfait-950: #2b1b16;
  --color-night-watch: #3b534f;
  --color-night-watch-50: #eaf9f6;
  --color-night-watch-100: #deefec;
  --color-night-watch-200: #c7dbd7;
  --color-night-watch-300: #acc4bf;
  --color-night-watch-400: #8aa39f;
  --color-night-watch-500: #6d8782;
  --color-night-watch-600: #536b67;
  --color-night-watch-700: #3b534f;
  --color-night-watch-800: #2e403d;
  --color-night-watch-900: #22322f;
  --color-night-watch-950: #131e1d;
  --color-fruit-of-passion: #8b6d81;
  --color-fruit-of-passion-50: #fff0fa;
  --color-fruit-of-passion-100: #fbe6f4;
  --color-fruit-of-passion-200: #ecd4e3;
  --color-fruit-of-passion-300: #dabed0;
  --color-fruit-of-passion-400: #bea0b3;
  --color-fruit-of-passion-500: #a4869a;
  --color-fruit-of-passion-600: #8b6d81;
  --color-fruit-of-passion-700: #705567;
  --color-fruit-of-passion-800: #594151;
  --color-fruit-of-passion-900: #45313e;
  --color-fruit-of-passion-950: #2c1d27;
  --color-mystical-shadow: #372d36;
  --color-mystical-shadow-50: #faf2f9;
  --color-mystical-shadow-100: #f0e8ef;
  --color-mystical-shadow-200: #ded4dd;
  --color-mystical-shadow-300: #c8bdc7;
  --color-mystical-shadow-400: #a99da7;
  --color-mystical-shadow-500: #8d818c;
  --color-mystical-shadow-600: #726671;
  --color-mystical-shadow-700: #5a5059;
  --color-mystical-shadow-800: #463d45;
  --color-mystical-shadow-900: #372d36;
  --color-mystical-shadow-950: #211c20;
  --color-antiguan: #c0e1dc;
  --color-antiguan-50: #e9fbf8;
  --color-antiguan-100: #ddf1ee;
  --color-antiguan-200: #c0e1dc;
  --color-antiguan-300: #adc9c5;
  --color-antiguan-400: #8baaa5;
  --color-antiguan-500: #6f8e8a;
  --color-antiguan-600: #56736f;
  --color-antiguan-700: #415c58;
  --color-antiguan-800: #304844;
  --color-antiguan-900: #233735;
  --color-antiguan-950: #142221;
}