Start generating

Porcelain Skin to Jazz color palette

FFE6EAPorcelain SkinF3AEB5Pink BlushE96886Coral ParadiseC05B6BCandied Apple8E314DRaspberry Romantic582831Jazz
Open in generator Export PNG, PDF, ASE…

About this palette

Porcelain Skin to Jazz is a 6-color warm, monochromatic, gradient palette: #FFE6EA (Porcelain Skin), #F3AEB5 (Pink Blush), #E96886 (Coral Paradise), #C05B6B (Candied Apple), #8E314D (Raspberry Romantic), #582831 (Jazz). It mixes white, pink, red, brown tones and feels warm overall. The strongest text pairing is #FFE6EA on #582831 with a contrast ratio of 10.07:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Porcelain Skinrgb(255, 230, 234)hsl(350, 100%, 95%)
Pink Blushrgb(243, 174, 181)hsl(354, 74%, 82%)
Coral Paradisergb(233, 104, 134)hsl(346, 75%, 66%)
Candied Applergb(192, 91, 107)hsl(350, 44%, 55%)
Raspberry Romanticrgb(142, 49, 77)hsl(342, 49%, 37%)
Jazzrgb(88, 40, 49)hsl(349, 38%, 25%)

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.

  • Aa10.07:1 Very good#FFE6EA on #582831
  • Aa10.07:1 Very good#582831 on #FFE6EA
  • Aa6.59:1 Good#FFE6EA on #8E314D
  • Aa6.59:1 Good#8E314D on #FFE6EA
  • Aa6.54:1 Good#F3AEB5 on #582831
  • Aa6.54:1 Good#582831 on #F3AEB5
  • Aa4.28:1 Poor#F3AEB5 on #8E314D
  • Aa4.28:1 Poor#8E314D on #F3AEB5

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Porcelain Skin to Jazz — https://swatchly.xyz/palette/ffe6ea-f3aeb5-e96886-c05b6b-8e314d-582831 */
:root {
  --porcelain-skin: #ffe6ea;
  --pink-blush: #f3aeb5;
  --coral-paradise: #e96886;
  --candied-apple: #c05b6b;
  --raspberry-romantic: #8e314d;
  --jazz: #582831;
}

Tailwind CSS v4

/* Porcelain Skin to Jazz — https://swatchly.xyz/palette/ffe6ea-f3aeb5-e96886-c05b6b-8e314d-582831 */
@theme {
  --color-porcelain-skin: #ffe6ea;
  --color-porcelain-skin-50: #fff4f5;
  --color-porcelain-skin-100: #ffe6ea;
  --color-porcelain-skin-200: #e6d4d7;
  --color-porcelain-skin-300: #d1bcc0;
  --color-porcelain-skin-400: #b29ca0;
  --color-porcelain-skin-500: #968084;
  --color-porcelain-skin-600: #7b6669;
  --color-porcelain-skin-700: #625053;
  --color-porcelain-skin-800: #4e3d40;
  --color-porcelain-skin-900: #3c2f31;
  --color-porcelain-skin-950: #261c1e;
  --color-pink-blush: #f3aeb5;
  --color-pink-blush-50: #fff3f4;
  --color-pink-blush-100: #ffe6e8;
  --color-pink-blush-200: #fecacf;
  --color-pink-blush-300: #f3aeb5;
  --color-pink-blush-400: #cf9096;
  --color-pink-blush-500: #b3737a;
  --color-pink-blush-600: #955960;
  --color-pink-blush-700: #7a434a;
  --color-pink-blush-800: #623239;
  --color-pink-blush-900: #4d252a;
  --color-pink-blush-950: #321519;
  --color-coral-paradise: #e96886;
  --color-coral-paradise-50: #ffedef;
  --color-coral-paradise-100: #ffdde2;
  --color-coral-paradise-200: #ffbdc8;
  --color-coral-paradise-300: #ff95aa;
  --color-coral-paradise-400: #e96886;
  --color-coral-paradise-500: #cb4d6d;
  --color-coral-paradise-600: #ac3455;
  --color-coral-paradise-700: #8f2042;
  --color-coral-paradise-800: #751132;
  --color-coral-paradise-900: #5e0726;
  --color-coral-paradise-950: #400217;
  --color-candied-apple: #c05b6b;
  --color-candied-apple-50: #fff0f1;
  --color-candied-apple-100: #ffe0e3;
  --color-candied-apple-200: #ffc1c8;
  --color-candied-apple-300: #fc9da9;
  --color-candied-apple-400: #de7987;
  --color-candied-apple-500: #c05b6b;
  --color-candied-apple-600: #a24253;
  --color-candied-apple-700: #862f40;
  --color-candied-apple-800: #6c2130;
  --color-candied-apple-900: #571624;
  --color-candied-apple-950: #390b15;
  --color-raspberry-romantic: #8e314d;
  --color-raspberry-romantic-50: #fff1f4;
  --color-raspberry-romantic-100: #ffe3e8;
  --color-raspberry-romantic-200: #ffc6d2;
  --color-raspberry-romantic-300: #fea4b8;
  --color-raspberry-romantic-400: #e28098;
  --color-raspberry-romantic-500: #c6637d;
  --color-raspberry-romantic-600: #a74963;
  --color-raspberry-romantic-700: #8e314d;
  --color-raspberry-romantic-800: #70253c;
  --color-raspberry-romantic-900: #59192d;
  --color-raspberry-romantic-950: #3b0c1b;
  --color-jazz: #582831;
  --color-jazz-50: #fff1f3;
  --color-jazz-100: #ffe3e6;
  --color-jazz-200: #f8cad0;
  --color-jazz-300: #e5b1b8;
  --color-jazz-400: #c99199;
  --color-jazz-500: #af777f;
  --color-jazz-600: #935e66;
  --color-jazz-700: #7b4a51;
  --color-jazz-800: #653940;
  --color-jazz-900: #582831;
  --color-jazz-950: #371b1f;
}

Similar palettes