Forbidden Passion to Girlie Color Palette

About this palette

Forbidden Passion to Girlie is a 4-color warm, monochromatic, gradient palette: #5E1323 (Forbidden Passion), #A90434 (Hot Lava), #FF5B6A (Grenadine Pink), #FFD4D0 (Girlie). It mixes brown, red, pink tones and feels warm overall. The strongest text pairing is #5E1323 on #FFD4D0 with a contrast ratio of 9.78:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Forbidden Passion	rgb(94, 19, 35)	hsl(347, 66%, 22%)
Hot Lava	rgb(169, 4, 52)	hsl(343, 95%, 34%)
Grenadine Pink	rgb(255, 91, 106)	hsl(355, 100%, 68%)
Girlie	rgb(255, 212, 208)	hsl(5, 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.

Aa9.78:1 Very good#5E1323 on #FFD4D0
Aa9.78:1 Very good#FFD4D0 on #5E1323
Aa5.66:1 Good#A90434 on #FFD4D0
Aa5.66:1 Good#FFD4D0 on #A90434
Aa4.37:1 Poor#5E1323 on #FF5B6A
Aa4.37:1 Poor#FF5B6A on #5E1323

Color blindness preview

CSS variables

/* Forbidden Passion to Girlie — https://swatchly.xyz/palette/5e1323-a90434-ff5b6a-ffd4d0 */
:root {
  --forbidden-passion: #5e1323;
  --hot-lava: #a90434;
  --grenadine-pink: #ff5b6a;
  --girlie: #ffd4d0;
}

Tailwind CSS v4

/* Forbidden Passion to Girlie — https://swatchly.xyz/palette/5e1323-a90434-ff5b6a-ffd4d0 */
@theme {
  --color-forbidden-passion: #5e1323;
  --color-forbidden-passion-50: #fff1f2;
  --color-forbidden-passion-100: #ffe3e5;
  --color-forbidden-passion-200: #ffc7cb;
  --color-forbidden-passion-300: #f6a9af;
  --color-forbidden-passion-400: #da868f;
  --color-forbidden-passion-500: #be6a73;
  --color-forbidden-passion-600: #9f505a;
  --color-forbidden-passion-700: #833c45;
  --color-forbidden-passion-800: #6a2c35;
  --color-forbidden-passion-900: #5e1323;
  --color-forbidden-passion-950: #381117;
  --color-hot-lava: #a90434;
  --color-hot-lava-50: #fff1f2;
  --color-hot-lava-100: #ffe4e4;
  --color-hot-lava-200: #ffc9ca;
  --color-hot-lava-300: #ffa7ab;
  --color-hot-lava-400: #ff6e7d;
  --color-hot-lava-500: #e34d62;
  --color-hot-lava-600: #c32f49;
  --color-hot-lava-700: #a90434;
  --color-hot-lava-800: #870027;
  --color-hot-lava-900: #6a001d;
  --color-hot-lava-950: #460010;
  --color-grenadine-pink: #ff5b6a;
  --color-grenadine-pink-50: #ffefee;
  --color-grenadine-pink-100: #ffe0df;
  --color-grenadine-pink-200: #ffc2c2;
  --color-grenadine-pink-300: #ff9c9e;
  --color-grenadine-pink-400: #ff5b6a;
  --color-grenadine-pink-500: #df3c51;
  --color-grenadine-pink-600: #be1a39;
  --color-grenadine-pink-700: #9d0029;
  --color-grenadine-pink-800: #7d001f;
  --color-grenadine-pink-900: #630016;
  --color-grenadine-pink-950: #42000c;
  --color-girlie: #ffd4d0;
  --color-girlie-50: #fff9f9;
  --color-girlie-100: #ffeeec;
  --color-girlie-200: #ffd4d0;
  --color-girlie-300: #e1bebb;
  --color-girlie-400: #c29c99;
  --color-girlie-500: #a67f7c;
  --color-girlie-600: #886460;
  --color-girlie-700: #6e4d4a;
  --color-girlie-800: #563a38;
  --color-girlie-900: #442c2a;
  --color-girlie-950: #2b1a19;
}