Hot Fudge to Fresh Gum Color Palette

About this palette

Hot Fudge to Fresh Gum is a 4-color warm, gradient palette: #5F2000 (Hot Fudge), #9B365D (Royal Flush), #D06FA6 (Super Pink), #FFAED7 (Fresh Gum). It mixes brown, red, pink tones and feels warm overall. The strongest text pairing is #5F2000 on #FFAED7 with a contrast ratio of 7.26:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Hot Fudge	rgb(95, 32, 0)	hsl(20, 100%, 19%)
Royal Flush	rgb(155, 54, 93)	hsl(337, 48%, 41%)
Super Pink	rgb(208, 111, 166)	hsl(326, 51%, 63%)
Fresh Gum	rgb(255, 174, 215)	hsl(330, 100%, 84%)

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.

Aa7.26:1 Very good#5F2000 on #FFAED7
Aa7.26:1 Very good#FFAED7 on #5F2000
Aa3.99:1 Poor#9B365D on #FFAED7
Aa3.99:1 Poor#FFAED7 on #9B365D
Aa3.84:1 Poor#5F2000 on #D06FA6
Aa3.84:1 Poor#D06FA6 on #5F2000

Color blindness preview

CSS variables

/* Hot Fudge to Fresh Gum — https://swatchly.xyz/palette/5f2000-9b365d-d06fa6-ffaed7 */
:root {
  --hot-fudge: #5f2000;
  --royal-flush: #9b365d;
  --super-pink: #d06fa6;
  --fresh-gum: #ffaed7;
}

Tailwind CSS v4

/* Hot Fudge to Fresh Gum — https://swatchly.xyz/palette/5f2000-9b365d-d06fa6-ffaed7 */
@theme {
  --color-hot-fudge: #5f2000;
  --color-hot-fudge-50: #fff2ed;
  --color-hot-fudge-100: #ffe5db;
  --color-hot-fudge-200: #ffcab5;
  --color-hot-fudge-300: #f1af95;
  --color-hot-fudge-400: #d58e72;
  --color-hot-fudge-500: #ba7356;
  --color-hot-fudge-600: #9e593d;
  --color-hot-fudge-700: #83452b;
  --color-hot-fudge-800: #6b341d;
  --color-hot-fudge-900: #5f2000;
  --color-hot-fudge-950: #3a1708;
  --color-royal-flush: #9b365d;
  --color-royal-flush-50: #fff1f5;
  --color-royal-flush-100: #ffe3ea;
  --color-royal-flush-200: #ffc8d8;
  --color-royal-flush-300: #ffa7c2;
  --color-royal-flush-400: #e982a4;
  --color-royal-flush-500: #d0668b;
  --color-royal-flush-600: #b34d72;
  --color-royal-flush-700: #9b365d;
  --color-royal-flush-800: #7c2648;
  --color-royal-flush-900: #631937;
  --color-royal-flush-950: #420b22;
  --color-super-pink: #d06fa6;
  --color-super-pink-50: #ffeaf4;
  --color-super-pink-100: #ffd7eb;
  --color-super-pink-200: #ffb4dc;
  --color-super-pink-300: #ef95c6;
  --color-super-pink-400: #d06fa6;
  --color-super-pink-500: #b4568c;
  --color-super-pink-600: #973f73;
  --color-super-pink-700: #7d2d5d;
  --color-super-pink-800: #661f4b;
  --color-super-pink-900: #52163b;
  --color-super-pink-950: #380b27;
  --color-fresh-gum: #ffaed7;
  --color-fresh-gum-50: #fff8fb;
  --color-fresh-gum-100: #ffecf5;
  --color-fresh-gum-200: #ffd0e7;
  --color-fresh-gum-300: #ffaed7;
  --color-fresh-gum-400: #d98fb5;
  --color-fresh-gum-500: #bb7098;
  --color-fresh-gum-600: #9c557b;
  --color-fresh-gum-700: #803e62;
  --color-fresh-gum-800: #662d4c;
  --color-fresh-gum-900: #4f203a;
  --color-fresh-gum-950: #331124;
}