Wax Flower to Endive Color Palette

About this palette

Wax Flower to Endive is a 4-color pastel, light palette: #F5B8A2 (Wax Flower), #E7BFDC (Blackberry Yoghurt), #EDF4FF (Cotton Ball), #D2DFC0 (Endive). It mixes orange, pink, white, green tones and feels warm overall. The strongest text pairing is #F5B8A2 on #EDF4FF with a contrast ratio of 1.55:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wax Flower	rgb(245, 184, 162)	hsl(16, 81%, 80%)
Blackberry Yoghurt	rgb(231, 191, 220)	hsl(316, 45%, 83%)
Cotton Ball	rgb(237, 244, 255)	hsl(217, 100%, 96%)
Endive	rgb(210, 223, 192)	hsl(85, 33%, 81%)

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

/* Wax Flower to Endive — https://swatchly.xyz/palette/f5b8a2-e7bfdc-edf4ff-d2dfc0 */
:root {
  --wax-flower: #f5b8a2;
  --blackberry-yoghurt: #e7bfdc;
  --cotton-ball: #edf4ff;
  --endive: #d2dfc0;
}

Tailwind CSS v4

/* Wax Flower to Endive — https://swatchly.xyz/palette/f5b8a2-e7bfdc-edf4ff-d2dfc0 */
@theme {
  --color-wax-flower: #f5b8a2;
  --color-wax-flower-50: #fff7f4;
  --color-wax-flower-100: #ffece5;
  --color-wax-flower-200: #ffd3c3;
  --color-wax-flower-300: #f5b8a2;
  --color-wax-flower-400: #d09884;
  --color-wax-flower-500: #b37b67;
  --color-wax-flower-600: #95604c;
  --color-wax-flower-700: #7a4937;
  --color-wax-flower-800: #613727;
  --color-wax-flower-900: #4b281b;
  --color-wax-flower-950: #31170e;
  --color-blackberry-yoghurt: #e7bfdc;
  --color-blackberry-yoghurt-50: #fee6f7;
  --color-blackberry-yoghurt-100: #f5d9ed;
  --color-blackberry-yoghurt-200: #e7bfdc;
  --color-blackberry-yoghurt-300: #cfacc5;
  --color-blackberry-yoghurt-400: #b38ea9;
  --color-blackberry-yoghurt-500: #99748f;
  --color-blackberry-yoghurt-600: #7e5c76;
  --color-blackberry-yoghurt-700: #67485f;
  --color-blackberry-yoghurt-800: #53384c;
  --color-blackberry-yoghurt-900: #412a3b;
  --color-blackberry-yoghurt-950: #291925;
  --color-cotton-ball: #edf4ff;
  --color-cotton-ball-50: #edf4ff;
  --color-cotton-ball-100: #e6eaf1;
  --color-cotton-ball-200: #d2d7df;
  --color-cotton-ball-300: #bbc0ca;
  --color-cotton-ball-400: #9ba1ab;
  --color-cotton-ball-500: #808690;
  --color-cotton-ball-600: #666c75;
  --color-cotton-ball-700: #50565e;
  --color-cotton-ball-800: #3e434a;
  --color-cotton-ball-900: #2f3339;
  --color-cotton-ball-950: #1d1f24;
  --color-endive: #d2dfc0;
  --color-endive-50: #f2fae9;
  --color-endive-100: #e8f0dd;
  --color-endive-200: #d2dfc0;
  --color-endive-300: #bcc7ad;
  --color-endive-400: #9ca88c;
  --color-endive-500: #808c70;
  --color-endive-600: #667156;
  --color-endive-700: #505a41;
  --color-endive-800: #3d4631;
  --color-endive-900: #2f3624;
  --color-endive-950: #1c2114;
}