Smidgen of Love to Wineberry Color Palette

About this palette

Smidgen of Love to Wineberry is a 4-color vintage, gradient palette: #F8C9DA (Smidgen of Love), #D29DD4 (Velvet Horizon), #8B615D (Chivalrous Walrus), #613564 (Wineberry). It mixes pink, red, purple tones and feels balanced overall. The strongest text pairing is #F8C9DA on #613564 with a contrast ratio of 6.52:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Smidgen of Love	rgb(248, 201, 218)	hsl(338, 77%, 88%)
Velvet Horizon	rgb(210, 157, 212)	hsl(298, 39%, 72%)
Chivalrous Walrus	rgb(139, 97, 93)	hsl(5, 20%, 45%)
Wineberry	rgb(97, 53, 100)	hsl(296, 31%, 30%)

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.

Aa6.52:1 Good#F8C9DA on #613564
Aa6.52:1 Good#613564 on #F8C9DA
Aa4.32:1 Poor#D29DD4 on #613564
Aa4.32:1 Poor#613564 on #D29DD4
Aa3.62:1 Poor#F8C9DA on #8B615D
Aa3.62:1 Poor#8B615D on #F8C9DA

Color blindness preview

CSS variables

/* Smidgen of Love to Wineberry — https://swatchly.xyz/palette/f8c9da-d29dd4-8b615d-613564 */
:root {
  --smidgen-of-love: #f8c9da;
  --velvet-horizon: #d29dd4;
  --chivalrous-walrus: #8b615d;
  --wineberry: #613564;
}

Tailwind CSS v4

/* Smidgen of Love to Wineberry — https://swatchly.xyz/palette/f8c9da-d29dd4-8b615d-613564 */
@theme {
  --color-smidgen-of-love: #f8c9da;
  --color-smidgen-of-love-50: #fff1f6;
  --color-smidgen-of-love-100: #ffe3ed;
  --color-smidgen-of-love-200: #f8c9da;
  --color-smidgen-of-love-300: #dcb5c3;
  --color-smidgen-of-love-400: #bf94a4;
  --color-smidgen-of-love-500: #a37888;
  --color-smidgen-of-love-600: #875e6e;
  --color-smidgen-of-love-700: #6d4957;
  --color-smidgen-of-love-800: #573844;
  --color-smidgen-of-love-900: #442a34;
  --color-smidgen-of-love-950: #2c1920;
  --color-velvet-horizon: #d29dd4;
  --color-velvet-horizon-50: #fee3ff;
  --color-velvet-horizon-100: #f8d3f9;
  --color-velvet-horizon-200: #e6bae7;
  --color-velvet-horizon-300: #d29dd4;
  --color-velvet-horizon-400: #b481b6;
  --color-velvet-horizon-500: #9a689c;
  --color-velvet-horizon-600: #805182;
  --color-velvet-horizon-700: #693f6b;
  --color-velvet-horizon-800: #553057;
  --color-velvet-horizon-900: #452547;
  --color-velvet-horizon-950: #2c152d;
  --color-chivalrous-walrus: #8b615d;
  --color-chivalrous-walrus-50: #fff2f0;
  --color-chivalrous-walrus-100: #ffe4e1;
  --color-chivalrous-walrus-200: #f2cecb;
  --color-chivalrous-walrus-300: #dfb7b2;
  --color-chivalrous-walrus-400: #c29692;
  --color-chivalrous-walrus-500: #a77b77;
  --color-chivalrous-walrus-600: #8b615d;
  --color-chivalrous-walrus-700: #714b48;
  --color-chivalrous-walrus-800: #5a3937;
  --color-chivalrous-walrus-900: #472b29;
  --color-chivalrous-walrus-950: #2d1a18;
  --color-wineberry: #613564;
  --color-wineberry-50: #fef0ff;
  --color-wineberry-100: #fee0ff;
  --color-wineberry-200: #efc9f1;
  --color-wineberry-300: #ddb1df;
  --color-wineberry-400: #c091c3;
  --color-wineberry-500: #a676a9;
  --color-wineberry-600: #8b5d8e;
  --color-wineberry-700: #734876;
  --color-wineberry-800: #613564;
  --color-wineberry-900: #4a2a4c;
  --color-wineberry-950: #301832;
}