Cream Puff to Whiskey color palette

FBBD9BCream Puff 4E1436Blackberry 81306CViolet Vixen A75A61Cheek Red C07770Nipple D1936DWhiskey

About this palette

Cream Puff to Whiskey is a 6-color warm, vintage palette: #FBBD9B (Cream Puff), #4E1436 (Blackberry), #81306C (Violet Vixen), #A75A61 (Cheek Red), #C07770 (Nipple), #D1936D (Whiskey). It mixes orange, red, purple tones and feels warm overall. The strongest text pairing is #FBBD9B on #4E1436 with a contrast ratio of 8.70:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cream Puff	rgb(251, 189, 155)	hsl(21, 92%, 80%)
Blackberry	rgb(78, 20, 54)	hsl(325, 59%, 19%)
Violet Vixen	rgb(129, 48, 108)	hsl(316, 46%, 35%)
Cheek Red	rgb(167, 90, 97)	hsl(355, 30%, 50%)
Nipple	rgb(192, 119, 112)	hsl(5, 39%, 60%)
Whiskey	rgb(209, 147, 109)	hsl(23, 52%, 62%)

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.

Aa8.70:1 Very good#FBBD9B on #4E1436
Aa8.70:1 Very good#4E1436 on #FBBD9B
Aa5.49:1 Good#4E1436 on #D1936D
Aa5.49:1 Good#D1936D on #4E1436
Aa5.00:1 Good#FBBD9B on #81306C
Aa5.00:1 Good#81306C on #FBBD9B
Aa4.14:1 Poor#4E1436 on #C07770
Aa4.14:1 Poor#C07770 on #4E1436

Color blindness preview

CSS variables

/* Cream Puff to Whiskey — https://swatchly.xyz/palette/fbbd9b-4e1436-81306c-a75a61-c07770-d1936d */
:root {
  --cream-puff: #fbbd9b;
  --blackberry: #4e1436;
  --violet-vixen: #81306c;
  --cheek-red: #a75a61;
  --nipple: #c07770;
  --whiskey: #d1936d;
}

Tailwind CSS v4

/* Cream Puff to Whiskey — https://swatchly.xyz/palette/fbbd9b-4e1436-81306c-a75a61-c07770-d1936d */
@theme {
  --color-cream-puff: #fbbd9b;
  --color-cream-puff-50: #ffe9dd;
  --color-cream-puff-100: #ffd9c5;
  --color-cream-puff-200: #fbbd9b;
  --color-cream-puff-300: #e1aa8d;
  --color-cream-puff-400: #c58c6c;
  --color-cream-puff-500: #ab7252;
  --color-cream-puff-600: #8f5a3b;
  --color-cream-puff-700: #76462a;
  --color-cream-puff-800: #60361d;
  --color-cream-puff-900: #4c2813;
  --color-cream-puff-950: #311808;
  --color-blackberry: #4e1436;
  --color-blackberry-50: #fff1f7;
  --color-blackberry-100: #ffe2ef;
  --color-blackberry-200: #fcc5df;
  --color-blackberry-300: #eaacca;
  --color-blackberry-400: #cc89aa;
  --color-blackberry-500: #af6c8e;
  --color-blackberry-600: #905172;
  --color-blackberry-700: #743c5a;
  --color-blackberry-800: #5b2b45;
  --color-blackberry-900: #4e1436;
  --color-blackberry-950: #2c101f;
  --color-violet-vixen: #81306c;
  --color-violet-vixen-50: #fff0fa;
  --color-violet-vixen-100: #ffe1f4;
  --color-violet-vixen-200: #ffc1eb;
  --color-violet-vixen-300: #f2a3d9;
  --color-violet-vixen-400: #d580bb;
  --color-violet-vixen-500: #b863a0;
  --color-violet-vixen-600: #9a4983;
  --color-violet-vixen-700: #81306c;
  --color-violet-vixen-800: #652555;
  --color-violet-vixen-900: #501942;
  --color-violet-vixen-950: #340d2a;
  --color-cheek-red: #a75a61;
  --color-cheek-red-50: #fff1f2;
  --color-cheek-red-100: #ffe6e7;
  --color-cheek-red-200: #ffccce;
  --color-cheek-red-300: #f7b0b4;
  --color-cheek-red-400: #dd8f94;
  --color-cheek-red-500: #c3737a;
  --color-cheek-red-600: #a75a61;
  --color-cheek-red-700: #89434a;
  --color-cheek-red-800: #6f3138;
  --color-cheek-red-900: #582329;
  --color-cheek-red-950: #391418;
  --color-nipple: #c07770;
  --color-nipple-50: #fff3f2;
  --color-nipple-100: #ffe8e5;
  --color-nipple-200: #ffcec8;
  --color-nipple-300: #f5b3ac;
  --color-nipple-400: #da938b;
  --color-nipple-500: #c07770;
  --color-nipple-600: #a15b55;
  --color-nipple-700: #844540;
  --color-nipple-800: #6a332f;
  --color-nipple-900: #532521;
  --color-nipple-950: #361512;
  --color-whiskey: #d1936d;
  --color-whiskey-50: #fff3ec;
  --color-whiskey-100: #ffe7d8;
  --color-whiskey-200: #fdcdb0;
  --color-whiskey-300: #ebb594;
  --color-whiskey-400: #d1936d;
  --color-whiskey-500: #b37752;
  --color-whiskey-600: #965d39;
  --color-whiskey-700: #7b4726;
  --color-whiskey-800: #623617;
  --color-whiskey-900: #4e280e;
  --color-whiskey-950: #321705;
}