Start generating

Himalayan Salt to Kiss color palette

C07165Himalayan Salt522D49MurasakiFFDCD6Pink GlitterF0BDC5Blush Rush6B4961Grape FizzD48BA9Kiss
Open in generator Export PNG, PDF, ASE…

About this palette

Himalayan Salt to Kiss is a 6-color warm, vintage palette: #C07165 (Himalayan Salt), #522D49 (Murasaki), #FFDCD6 (Pink Glitter), #F0BDC5 (Blush Rush), #6B4961 (Grape Fizz), #D48BA9 (Kiss). It mixes red, purple, pink tones and feels warm overall. The strongest text pairing is #522D49 on #FFDCD6 with a contrast ratio of 8.99:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Himalayan Saltrgb(192, 113, 101)hsl(8, 42%, 57%)
Murasakirgb(82, 45, 73)hsl(315, 29%, 25%)
Pink Glitterrgb(255, 220, 214)hsl(9, 100%, 92%)
Blush Rushrgb(240, 189, 197)hsl(351, 63%, 84%)
Grape Fizzrgb(107, 73, 97)hsl(318, 19%, 35%)
Kissrgb(212, 139, 169)hsl(335, 46%, 69%)

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.99:1 Very good#522D49 on #FFDCD6
  • Aa8.99:1 Very good#FFDCD6 on #522D49
  • Aa6.99:1 Good#522D49 on #F0BDC5
  • Aa6.99:1 Good#F0BDC5 on #522D49
  • Aa5.98:1 Good#FFDCD6 on #6B4961
  • Aa5.98:1 Good#6B4961 on #FFDCD6
  • Aa4.65:1 Good#F0BDC5 on #6B4961
  • Aa4.65:1 Good#6B4961 on #F0BDC5

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Himalayan Salt to Kiss — https://swatchly.xyz/palette/c07165-522d49-ffdcd6-f0bdc5-6b4961-d48ba9 */
:root {
  --himalayan-salt: #c07165;
  --murasaki: #522d49;
  --pink-glitter: #ffdcd6;
  --blush-rush: #f0bdc5;
  --grape-fizz: #6b4961;
  --kiss: #d48ba9;
}

Tailwind CSS v4

/* Himalayan Salt to Kiss — https://swatchly.xyz/palette/c07165-522d49-ffdcd6-f0bdc5-6b4961-d48ba9 */
@theme {
  --color-himalayan-salt: #c07165;
  --color-himalayan-salt-50: #fff3f0;
  --color-himalayan-salt-100: #ffe6e2;
  --color-himalayan-salt-200: #ffcbc3;
  --color-himalayan-salt-300: #f6afa3;
  --color-himalayan-salt-400: #db8d81;
  --color-himalayan-salt-500: #c07165;
  --color-himalayan-salt-600: #a1564b;
  --color-himalayan-salt-700: #854137;
  --color-himalayan-salt-800: #6b2f27;
  --color-himalayan-salt-900: #54221c;
  --color-himalayan-salt-950: #37130e;
  --color-murasaki: #522d49;
  --color-murasaki-50: #fff0fa;
  --color-murasaki-100: #ffe1f6;
  --color-murasaki-200: #eecbe4;
  --color-murasaki-300: #d9b2ce;
  --color-murasaki-400: #ba90ae;
  --color-murasaki-500: #9d7392;
  --color-murasaki-600: #805875;
  --color-murasaki-700: #65425c;
  --color-murasaki-800: #522d49;
  --color-murasaki-900: #3d2436;
  --color-murasaki-950: #261522;
  --color-pink-glitter: #ffdcd6;
  --color-pink-glitter-50: #ffebe7;
  --color-pink-glitter-100: #ffdcd6;
  --color-pink-glitter-200: #e6ccc7;
  --color-pink-glitter-300: #d3b5b0;
  --color-pink-glitter-400: #b69691;
  --color-pink-glitter-500: #9b7c77;
  --color-pink-glitter-600: #80635e;
  --color-pink-glitter-700: #684e49;
  --color-pink-glitter-800: #533c38;
  --color-pink-glitter-900: #412d2a;
  --color-pink-glitter-950: #291b19;
  --color-blush-rush: #f0bdc5;
  --color-blush-rush-50: #ffe7ea;
  --color-blush-rush-100: #fbd7dd;
  --color-blush-rush-200: #f0bdc5;
  --color-blush-rush-300: #d7aab1;
  --color-blush-rush-400: #bb8c94;
  --color-blush-rush-500: #a1727a;
  --color-blush-rush-600: #865b62;
  --color-blush-rush-700: #6e474e;
  --color-blush-rush-800: #59373d;
  --color-blush-rush-900: #46292f;
  --color-blush-rush-950: #2d181c;
  --color-grape-fizz: #6b4961;
  --color-grape-fizz-50: #fff0fa;
  --color-grape-fizz-100: #fce2f4;
  --color-grape-fizz-200: #ebcde2;
  --color-grape-fizz-300: #d7b5cc;
  --color-grape-fizz-400: #ba95ae;
  --color-grape-fizz-500: #9e7993;
  --color-grape-fizz-600: #825f78;
  --color-grape-fizz-700: #6b4961;
  --color-grape-fizz-800: #54384c;
  --color-grape-fizz-900: #422a3b;
  --color-grape-fizz-950: #2a1925;
  --color-kiss: #d48ba9;
  --color-kiss-50: #fff2f7;
  --color-kiss-100: #ffe5ee;
  --color-kiss-200: #ffc7dd;
  --color-kiss-300: #eeaec7;
  --color-kiss-400: #d48ba9;
  --color-kiss-500: #b66f8d;
  --color-kiss-600: #985572;
  --color-kiss-700: #7c405a;
  --color-kiss-800: #642f46;
  --color-kiss-900: #4e2236;
  --color-kiss-950: #331321;
}

Similar palettes