Start generating

Veil of Cinder to Fairy Dust color palette

764D51Veil of CinderAC899APunched PinkCCB8E1Viking Diva82749DPurple Haze513739Vibrant VineFEE6F5Fairy Dust
Open in generator Export PNG, PDF, ASE…

About this palette

Veil of Cinder to Fairy Dust is a 6-color muted, vintage palette: #764D51 (Veil of Cinder), #AC899A (Punched Pink), #CCB8E1 (Viking Diva), #82749D (Purple Haze), #513739 (Vibrant Vine), #FEE6F5 (Fairy Dust). It mixes red, pink, purple, brown, white tones and feels warm overall. The strongest text pairing is #513739 on #FEE6F5 with a contrast ratio of 9.13:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Veil of Cinderrgb(118, 77, 81)hsl(354, 21%, 38%)
Punched Pinkrgb(172, 137, 154)hsl(331, 17%, 61%)
Viking Divargb(204, 184, 225)hsl(269, 41%, 80%)
Purple Hazergb(130, 116, 157)hsl(260, 17%, 54%)
Vibrant Vinergb(81, 55, 57)hsl(355, 19%, 27%)
Fairy Dustrgb(254, 230, 245)hsl(322, 92%, 95%)

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.13:1 Very good#513739 on #FEE6F5
  • Aa9.13:1 Very good#FEE6F5 on #513739
  • Aa6.05:1 Good#764D51 on #FEE6F5
  • Aa6.05:1 Good#FEE6F5 on #764D51
  • Aa5.89:1 Good#CCB8E1 on #513739
  • Aa5.89:1 Good#513739 on #CCB8E1
  • Aa3.90:1 Poor#764D51 on #CCB8E1
  • Aa3.90:1 Poor#CCB8E1 on #764D51

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Veil of Cinder to Fairy Dust — https://swatchly.xyz/palette/764d51-ac899a-ccb8e1-82749d-513739-fee6f5 */
:root {
  --veil-of-cinder: #764d51;
  --punched-pink: #ac899a;
  --viking-diva: #ccb8e1;
  --purple-haze: #82749d;
  --vibrant-vine: #513739;
  --fairy-dust: #fee6f5;
}

Tailwind CSS v4

/* Veil of Cinder to Fairy Dust — https://swatchly.xyz/palette/764d51-ac899a-ccb8e1-82749d-513739-fee6f5 */
@theme {
  --color-veil-of-cinder: #764d51;
  --color-veil-of-cinder-50: #fff1f2;
  --color-veil-of-cinder-100: #ffe3e5;
  --color-veil-of-cinder-200: #f2ced1;
  --color-veil-of-cinder-300: #e0b7ba;
  --color-veil-of-cinder-400: #c3979b;
  --color-veil-of-cinder-500: #a97c80;
  --color-veil-of-cinder-600: #8d6367;
  --color-veil-of-cinder-700: #764d51;
  --color-veil-of-cinder-800: #5d3b3f;
  --color-veil-of-cinder-900: #492d2f;
  --color-veil-of-cinder-950: #2f1b1d;
  --color-punched-pink: #ac899a;
  --color-punched-pink-50: #ffeaf4;
  --color-punched-pink-100: #f6dce8;
  --color-punched-pink-200: #e3c5d3;
  --color-punched-pink-300: #ccabbb;
  --color-punched-pink-400: #ac899a;
  --color-punched-pink-500: #927081;
  --color-punched-pink-600: #785969;
  --color-punched-pink-700: #624654;
  --color-punched-pink-800: #4f3642;
  --color-punched-pink-900: #3f2a34;
  --color-punched-pink-950: #291a22;
  --color-viking-diva: #ccb8e1;
  --color-viking-diva-50: #f9f3ff;
  --color-viking-diva-100: #f2e6ff;
  --color-viking-diva-200: #e0d1f0;
  --color-viking-diva-300: #ccb8e1;
  --color-viking-diva-400: #ac99bf;
  --color-viking-diva-500: #907da4;
  --color-viking-diva-600: #756388;
  --color-viking-diva-700: #5e4d6e;
  --color-viking-diva-800: #4a3b58;
  --color-viking-diva-900: #392d45;
  --color-viking-diva-950: #241b2c;
  --color-purple-haze: #82749d;
  --color-purple-haze-50: #f5f1ff;
  --color-purple-haze-100: #ebe2ff;
  --color-purple-haze-200: #d7cbee;
  --color-purple-haze-300: #bfb2d9;
  --color-purple-haze-400: #9f91ba;
  --color-purple-haze-500: #82749d;
  --color-purple-haze-600: #695c82;
  --color-purple-haze-700: #54486a;
  --color-purple-haze-800: #423855;
  --color-purple-haze-900: #342b44;
  --color-purple-haze-950: #211a2c;
  --color-vibrant-vine: #513739;
  --color-vibrant-vine-50: #fff1f2;
  --color-vibrant-vine-100: #fae5e6;
  --color-vibrant-vine-200: #e9d1d2;
  --color-vibrant-vine-300: #d4b8ba;
  --color-vibrant-vine-400: #b69899;
  --color-vibrant-vine-500: #9a7c7d;
  --color-vibrant-vine-600: #7d6163;
  --color-vibrant-vine-700: #644b4d;
  --color-vibrant-vine-800: #513739;
  --color-vibrant-vine-900: #3d2b2c;
  --color-vibrant-vine-950: #26191a;
  --color-fairy-dust: #fee6f5;
  --color-fairy-dust-50: #fff4fb;
  --color-fairy-dust-100: #fee6f5;
  --color-fairy-dust-200: #e5d4df;
  --color-fairy-dust-300: #d0bcc8;
  --color-fairy-dust-400: #b19ca9;
  --color-fairy-dust-500: #95808d;
  --color-fairy-dust-600: #796572;
  --color-fairy-dust-700: #614f5b;
  --color-fairy-dust-800: #4d3d47;
  --color-fairy-dust-900: #3c2e37;
  --color-fairy-dust-950: #251c22;
}

Similar palettes