Romantic Thriller to Girlie color palette

A31A1DRomantic Thriller FA6CA0Blush Hour 241004Italian Roast CB428BTwinkly Pinkily 5C3400Chocolate Fantasies FFD2CFGirlie

Open in generator Export PNG, PDF, ASE…

About this palette

Romantic Thriller to Girlie is a 6-color warm palette: #A31A1D (Romantic Thriller), #FA6CA0 (Blush Hour), #241004 (Italian Roast), #CB428B (Twinkly Pinkily), #5C3400 (Chocolate Fantasies), #FFD2CF (Girlie). It mixes red, pink, black, brown tones and feels warm overall. The strongest text pairing is #241004 on #FFD2CF with a contrast ratio of 13.36:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Romantic Thriller	rgb(163, 26, 29)	hsl(359, 72%, 37%)
Blush Hour	rgb(250, 108, 160)	hsl(338, 93%, 70%)
Italian Roast	rgb(36, 16, 4)	hsl(22, 80%, 8%)
Twinkly Pinkily	rgb(203, 66, 139)	hsl(328, 57%, 53%)
Chocolate Fantasies	rgb(92, 52, 0)	hsl(34, 100%, 18%)
Girlie	rgb(255, 210, 207)	hsl(4, 100%, 91%)

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.

Aa13.36:1 Super#241004 on #FFD2CF
Aa13.36:1 Super#FFD2CF on #241004
Aa7.90:1 Very good#5C3400 on #FFD2CF
Aa7.90:1 Very good#FFD2CF on #5C3400
Aa6.71:1 Good#FA6CA0 on #241004
Aa6.71:1 Good#241004 on #FA6CA0
Aa5.65:1 Good#A31A1D on #FFD2CF
Aa5.65:1 Good#FFD2CF on #A31A1D

Color blindness preview

CSS variables

/* Romantic Thriller to Girlie — https://swatchly.xyz/palette/a31a1d-fa6ca0-241004-cb428b-5c3400-ffd2cf */
:root {
  --romantic-thriller: #a31a1d;
  --blush-hour: #fa6ca0;
  --italian-roast: #241004;
  --twinkly-pinkily: #cb428b;
  --chocolate-fantasies: #5c3400;
  --girlie: #ffd2cf;
}

Tailwind CSS v4

/* Romantic Thriller to Girlie — https://swatchly.xyz/palette/a31a1d-fa6ca0-241004-cb428b-5c3400-ffd2cf */
@theme {
  --color-romantic-thriller: #a31a1d;
  --color-romantic-thriller-50: #fff2f0;
  --color-romantic-thriller-100: #ffe4e1;
  --color-romantic-thriller-200: #ffc9c3;
  --color-romantic-thriller-300: #ffa89e;
  --color-romantic-thriller-400: #f9756b;
  --color-romantic-thriller-500: #dd564e;
  --color-romantic-thriller-600: #bd3935;
  --color-romantic-thriller-700: #a31a1d;
  --color-romantic-thriller-800: #821114;
  --color-romantic-thriller-900: #68040a;
  --color-romantic-thriller-950: #450003;
  --color-blush-hour: #fa6ca0;
  --color-blush-hour-50: #fff2f6;
  --color-blush-hour-100: #ffe5ec;
  --color-blush-hour-200: #ffc8d8;
  --color-blush-hour-300: #ffa4c0;
  --color-blush-hour-400: #fa6ca0;
  --color-blush-hour-500: #d94f84;
  --color-blush-hour-600: #b9316a;
  --color-blush-hour-700: #991853;
  --color-blush-hour-800: #7c0440;
  --color-blush-hour-900: #620031;
  --color-blush-hour-950: #40001e;
  --color-italian-roast: #241004;
  --color-italian-roast-50: #fff2eb;
  --color-italian-roast-100: #fae7dc;
  --color-italian-roast-200: #e8d3c6;
  --color-italian-roast-300: #d4bbad;
  --color-italian-roast-400: #b69b8c;
  --color-italian-roast-500: #997e6e;
  --color-italian-roast-600: #7b6253;
  --color-italian-roast-700: #604a3d;
  --color-italian-roast-800: #49372c;
  --color-italian-roast-900: #36271e;
  --color-italian-roast-950: #241004;
  --color-twinkly-pinkily: #cb428b;
  --color-twinkly-pinkily-50: #ffeff5;
  --color-twinkly-pinkily-100: #ffdeeb;
  --color-twinkly-pinkily-200: #ffbdda;
  --color-twinkly-pinkily-300: #ff94c6;
  --color-twinkly-pinkily-400: #ea63a8;
  --color-twinkly-pinkily-500: #cb428b;
  --color-twinkly-pinkily-600: #ac2771;
  --color-twinkly-pinkily-700: #8e105b;
  --color-twinkly-pinkily-800: #740048;
  --color-twinkly-pinkily-900: #5c0038;
  --color-twinkly-pinkily-950: #3d0023;
  --color-chocolate-fantasies: #5c3400;
  --color-chocolate-fantasies-50: #fff3e8;
  --color-chocolate-fantasies-100: #ffe6d0;
  --color-chocolate-fantasies-200: #f5d0ae;
  --color-chocolate-fantasies-300: #e1b790;
  --color-chocolate-fantasies-400: #c3966b;
  --color-chocolate-fantasies-500: #a77a4d;
  --color-chocolate-fantasies-600: #895f34;
  --color-chocolate-fantasies-700: #6f4921;
  --color-chocolate-fantasies-800: #5c3400;
  --color-chocolate-fantasies-900: #44290a;
  --color-chocolate-fantasies-950: #2c1804;
  --color-girlie: #ffd2cf;
  --color-girlie-50: #fff8f7;
  --color-girlie-100: #ffeceb;
  --color-girlie-200: #ffd2cf;
  --color-girlie-300: #e1bdba;
  --color-girlie-400: #c39b98;
  --color-girlie-500: #a67e7b;
  --color-girlie-600: #896360;
  --color-girlie-700: #6e4c4a;
  --color-girlie-800: #573938;
  --color-girlie-900: #442b2a;
  --color-girlie-950: #2c1a19;
}