Anime Blush to Muddy Brown Color Palette

About this palette

Anime Blush to Muddy Brown is a 5-color vibrant, warm, neon palette: #FF7880 (Anime Blush), #F793F8 (Party Pig), #E87100 (Clementine), #CB44CF (Love Priestess), #846A00 (Muddy Brown). It mixes red, pink, orange, brown tones and feels warm overall. The strongest text pairing is #F793F8 on #846A00 with a contrast ratio of 2.59:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Anime Blush	rgb(255, 120, 128)	hsl(356, 100%, 74%)
Party Pig	rgb(247, 147, 248)	hsl(299, 88%, 77%)
Clementine	rgb(232, 113, 0)	hsl(29, 100%, 45%)
Love Priestess	rgb(203, 68, 207)	hsl(298, 59%, 54%)
Muddy Brown	rgb(132, 106, 0)	hsl(48, 100%, 26%)

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.

Color blindness preview

CSS variables

/* Anime Blush to Muddy Brown — https://swatchly.xyz/palette/ff7880-f793f8-e87100-cb44cf-846a00 */
:root {
  --anime-blush: #ff7880;
  --party-pig: #f793f8;
  --clementine: #e87100;
  --love-priestess: #cb44cf;
  --muddy-brown: #846a00;
}

Tailwind CSS v4

/* Anime Blush to Muddy Brown — https://swatchly.xyz/palette/ff7880-f793f8-e87100-cb44cf-846a00 */
@theme {
  --color-anime-blush: #ff7880;
  --color-anime-blush-50: #fff5f5;
  --color-anime-blush-100: #ffe9e9;
  --color-anime-blush-200: #ffcfcf;
  --color-anime-blush-300: #ffaeaf;
  --color-anime-blush-400: #ff7880;
  --color-anime-blush-500: #dd5a65;
  --color-anime-blush-600: #bc3c4a;
  --color-anime-blush-700: #9c2535;
  --color-anime-blush-800: #7e1326;
  --color-anime-blush-900: #64071a;
  --color-anime-blush-950: #41010d;
  --color-party-pig: #f793f8;
  --color-party-pig-50: #ffedfe;
  --color-party-pig-100: #ffdcfe;
  --color-party-pig-200: #ffb9ff;
  --color-party-pig-300: #f793f8;
  --color-party-pig-400: #d476d5;
  --color-party-pig-500: #b858ba;
  --color-party-pig-600: #9a3e9d;
  --color-party-pig-700: #7f2a82;
  --color-party-pig-800: #671a69;
  --color-party-pig-900: #521054;
  --color-party-pig-950: #350637;
  --color-clementine: #e87100;
  --color-clementine-50: #ffeee4;
  --color-clementine-100: #ffdecb;
  --color-clementine-200: #ffc19c;
  --color-clementine-300: #ff9c5d;
  --color-clementine-400: #e87100;
  --color-clementine-500: #c25d00;
  --color-clementine-600: #9e4b00;
  --color-clementine-700: #7f3b00;
  --color-clementine-800: #652d00;
  --color-clementine-900: #502300;
  --color-clementine-950: #351500;
  --color-love-priestess: #cb44cf;
  --color-love-priestess-50: #fff0ff;
  --color-love-priestess-100: #ffe1fe;
  --color-love-priestess-200: #ffc0ff;
  --color-love-priestess-300: #fe95ff;
  --color-love-priestess-400: #e767ea;
  --color-love-priestess-500: #cb44cf;
  --color-love-priestess-600: #ab21b0;
  --color-love-priestess-700: #8d0092;
  --color-love-priestess-800: #6f0073;
  --color-love-priestess-900: #57005a;
  --color-love-priestess-950: #38003a;
  --color-muddy-brown: #846a00;
  --color-muddy-brown-50: #fff5d6;
  --color-muddy-brown-100: #fcebb8;
  --color-muddy-brown-200: #ebd79b;
  --color-muddy-brown-300: #d7c07a;
  --color-muddy-brown-400: #baa050;
  --color-muddy-brown-500: #9f852d;
  --color-muddy-brown-600: #846a00;
  --color-muddy-brown-700: #695400;
  --color-muddy-brown-800: #524100;
  --color-muddy-brown-900: #403200;
  --color-muddy-brown-950: #281e00;
}