Raspberry Romantic to Dwarf Fortress Color Palette

About this palette

Raspberry Romantic to Dwarf Fortress is a 4-color dark, warm, gradient palette: #942E53 (Raspberry Romantic), #54216F (Elegant Purple Gown), #461800 (Old Study), #270002 (Dwarf Fortress). It mixes red, purple, brown tones and feels warm overall. The strongest text pairing is #942E53 on #270002 with a contrast ratio of 2.55:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Raspberry Romantic	rgb(148, 46, 83)	hsl(338, 53%, 38%)
Elegant Purple Gown	rgb(84, 33, 111)	hsl(279, 54%, 28%)
Old Study	rgb(70, 24, 0)	hsl(21, 100%, 14%)
Dwarf Fortress	rgb(39, 0, 2)	hsl(357, 100%, 8%)

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

/* Raspberry Romantic to Dwarf Fortress — https://swatchly.xyz/palette/942e53-54216f-461800-270002 */
:root {
  --raspberry-romantic: #942e53;
  --elegant-purple-gown: #54216f;
  --old-study: #461800;
  --dwarf-fortress: #270002;
}

Tailwind CSS v4

/* Raspberry Romantic to Dwarf Fortress — https://swatchly.xyz/palette/942e53-54216f-461800-270002 */
@theme {
  --color-raspberry-romantic: #942e53;
  --color-raspberry-romantic-50: #fff1f4;
  --color-raspberry-romantic-100: #ffe3e9;
  --color-raspberry-romantic-200: #ffc7d5;
  --color-raspberry-romantic-300: #ffa3bd;
  --color-raspberry-romantic-400: #e77e9d;
  --color-raspberry-romantic-500: #cb6182;
  --color-raspberry-romantic-600: #ad4769;
  --color-raspberry-romantic-700: #942e53;
  --color-raspberry-romantic-800: #762240;
  --color-raspberry-romantic-900: #5e1631;
  --color-raspberry-romantic-950: #3e091e;
  --color-elegant-purple-gown: #54216f;
  --color-elegant-purple-gown-50: #f9f2ff;
  --color-elegant-purple-gown-100: #f4e4ff;
  --color-elegant-purple-gown-200: #e9c9ff;
  --color-elegant-purple-gown-300: #d8abf6;
  --color-elegant-purple-gown-400: #ba87da;
  --color-elegant-purple-gown-500: #9e6abd;
  --color-elegant-purple-gown-600: #814f9e;
  --color-elegant-purple-gown-700: #673a81;
  --color-elegant-purple-gown-800: #54216f;
  --color-elegant-purple-gown-900: #3e1d51;
  --color-elegant-purple-gown-950: #271034;
  --color-old-study: #461800;
  --color-old-study-50: #fff2ec;
  --color-old-study-100: #ffe5da;
  --color-old-study-200: #faccb8;
  --color-old-study-300: #e7b49d;
  --color-old-study-400: #ca937a;
  --color-old-study-500: #b07960;
  --color-old-study-600: #956148;
  --color-old-study-700: #7d4c36;
  --color-old-study-800: #683c28;
  --color-old-study-900: #552f1e;
  --color-old-study-950: #461800;
  --color-dwarf-fortress: #270002;
  --color-dwarf-fortress-50: #fff2f0;
  --color-dwarf-fortress-100: #ffe4e1;
  --color-dwarf-fortress-200: #f8cbc7;
  --color-dwarf-fortress-300: #e5b3ae;
  --color-dwarf-fortress-400: #c8928d;
  --color-dwarf-fortress-500: #a9726e;
  --color-dwarf-fortress-600: #885652;
  --color-dwarf-fortress-700: #6a3e3b;
  --color-dwarf-fortress-800: #4f2b29;
  --color-dwarf-fortress-900: #371c1a;
  --color-dwarf-fortress-950: #270002;
}