Peach Scone to Velvet color palette

FFBDB9Peach Scone DA75FFVenus Slipper Orchid CD2C88Shrine of Pleasures 8F4088Prunella 7C1353Velvet

About this palette

Peach Scone to Velvet is a 5-color vibrant, warm, gradient palette: #FFBDB9 (Peach Scone), #DA75FF (Venus Slipper Orchid), #CD2C88 (Shrine of Pleasures), #8F4088 (Prunella), #7C1353 (Velvet). It mixes pink, purple, red tones and feels warm overall. The strongest text pairing is #FFBDB9 on #7C1353 with a contrast ratio of 6.38:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peach Scone	rgb(255, 189, 185)	hsl(3, 100%, 86%)
Venus Slipper Orchid	rgb(218, 117, 255)	hsl(284, 100%, 73%)
Shrine of Pleasures	rgb(205, 44, 136)	hsl(326, 65%, 49%)
Prunella	rgb(143, 64, 136)	hsl(305, 38%, 41%)
Velvet	rgb(124, 19, 83)	hsl(323, 73%, 28%)

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.

Aa6.38:1 Good#FFBDB9 on #7C1353
Aa6.38:1 Good#7C1353 on #FFBDB9
Aa4.06:1 Poor#FFBDB9 on #8F4088
Aa4.06:1 Poor#8F4088 on #FFBDB9
Aa3.84:1 Poor#DA75FF on #7C1353
Aa3.84:1 Poor#7C1353 on #DA75FF
Aa3.07:1 Poor#FFBDB9 on #CD2C88
Aa3.07:1 Poor#CD2C88 on #FFBDB9

Color blindness preview

CSS variables

/* Peach Scone to Velvet — https://swatchly.xyz/palette/ffbdb9-da75ff-cd2c88-8f4088-7c1353 */
:root {
  --peach-scone: #ffbdb9;
  --venus-slipper-orchid: #da75ff;
  --shrine-of-pleasures: #cd2c88;
  --prunella: #8f4088;
  --velvet: #7c1353;
}

Tailwind CSS v4

/* Peach Scone to Velvet — https://swatchly.xyz/palette/ffbdb9-da75ff-cd2c88-8f4088-7c1353 */
@theme {
  --color-peach-scone: #ffbdb9;
  --color-peach-scone-50: #ffebe9;
  --color-peach-scone-100: #ffdbd9;
  --color-peach-scone-200: #ffbdb9;
  --color-peach-scone-300: #e3aaa7;
  --color-peach-scone-400: #c78b87;
  --color-peach-scone-500: #ac706d;
  --color-peach-scone-600: #905855;
  --color-peach-scone-700: #774442;
  --color-peach-scone-800: #603432;
  --color-peach-scone-900: #4c2625;
  --color-peach-scone-950: #311615;
  --color-venus-slipper-orchid: #da75ff;
  --color-venus-slipper-orchid-50: #fcf4ff;
  --color-venus-slipper-orchid-100: #f8e8ff;
  --color-venus-slipper-orchid-200: #f0ccff;
  --color-venus-slipper-orchid-300: #e7abff;
  --color-venus-slipper-orchid-400: #da75ff;
  --color-venus-slipper-orchid-500: #bb57df;
  --color-venus-slipper-orchid-600: #9d38bf;
  --color-venus-slipper-orchid-700: #811fa0;
  --color-venus-slipper-orchid-800: #670b82;
  --color-venus-slipper-orchid-900: #510068;
  --color-venus-slipper-orchid-950: #340043;
  --color-shrine-of-pleasures: #cd2c88;
  --color-shrine-of-pleasures-50: #ffedf4;
  --color-shrine-of-pleasures-100: #ffdbea;
  --color-shrine-of-pleasures-200: #ffb9d7;
  --color-shrine-of-pleasures-300: #ff8dc3;
  --color-shrine-of-pleasures-400: #ee52a5;
  --color-shrine-of-pleasures-500: #cd2c88;
  --color-shrine-of-pleasures-600: #ad066f;
  --color-shrine-of-pleasures-700: #8c0059;
  --color-shrine-of-pleasures-800: #700046;
  --color-shrine-of-pleasures-900: #590037;
  --color-shrine-of-pleasures-950: #3c0023;
  --color-prunella: #8f4088;
  --color-prunella-50: #fff0fd;
  --color-prunella-100: #ffdefa;
  --color-prunella-200: #febbf5;
  --color-prunella-300: #ea9fe1;
  --color-prunella-400: #cb7ac3;
  --color-prunella-500: #ad5ca5;
  --color-prunella-600: #8f4088;
  --color-prunella-700: #742f6e;
  --color-prunella-800: #5d2158;
  --color-prunella-900: #4a1746;
  --color-prunella-950: #300b2d;
  --color-velvet: #7c1353;
  --color-velvet-50: #fff1f7;
  --color-velvet-100: #ffe2ef;
  --color-velvet-200: #ffc4df;
  --color-velvet-300: #ff9fce;
  --color-velvet-400: #e47bb1;
  --color-velvet-500: #c95e96;
  --color-velvet-600: #ab447c;
  --color-velvet-700: #8f3065;
  --color-velvet-800: #7c1353;
  --color-velvet-900: #5e143f;
  --color-velvet-950: #3f0828;
}