Honeymoon to White Strawberry Color Palette

About this palette

Honeymoon to White Strawberry is a 4-color pastel, light, warm palette: #D5BA87 (Honeymoon), #FFC8DB (Sugarwinkle), #C1E3FF (Broad Daylight), #FCE4B9 (White Strawberry). It mixes yellow, pink, blue tones and feels warm overall. The strongest text pairing is #D5BA87 on #FCE4B9 with a contrast ratio of 1.51:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Honeymoon	rgb(213, 186, 135)	hsl(39, 48%, 68%)
Sugarwinkle	rgb(255, 200, 219)	hsl(339, 100%, 89%)
Broad Daylight	rgb(193, 227, 255)	hsl(207, 100%, 88%)
White Strawberry	rgb(252, 228, 185)	hsl(39, 92%, 86%)

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

/* Honeymoon to White Strawberry — https://swatchly.xyz/palette/d5ba87-ffc8db-c1e3ff-fce4b9 */
:root {
  --honeymoon: #d5ba87;
  --sugarwinkle: #ffc8db;
  --broad-daylight: #c1e3ff;
  --white-strawberry: #fce4b9;
}

Tailwind CSS v4

/* Honeymoon to White Strawberry — https://swatchly.xyz/palette/d5ba87-ffc8db-c1e3ff-fce4b9 */
@theme {
  --color-honeymoon: #d5ba87;
  --color-honeymoon-50: #fff2da;
  --color-honeymoon-100: #f8e7c6;
  --color-honeymoon-200: #e7d2ac;
  --color-honeymoon-300: #d5ba87;
  --color-honeymoon-400: #b59b6b;
  --color-honeymoon-500: #9a804f;
  --color-honeymoon-600: #7f6637;
  --color-honeymoon-700: #675124;
  --color-honeymoon-800: #523f17;
  --color-honeymoon-900: #40300d;
  --color-honeymoon-950: #291d05;
  --color-sugarwinkle: #ffc8db;
  --color-sugarwinkle-50: #fff3f7;
  --color-sugarwinkle-100: #ffe5ee;
  --color-sugarwinkle-200: #ffc8db;
  --color-sugarwinkle-300: #e2b4c4;
  --color-sugarwinkle-400: #c493a4;
  --color-sugarwinkle-500: #a87788;
  --color-sugarwinkle-600: #8b5c6e;
  --color-sugarwinkle-700: #714757;
  --color-sugarwinkle-800: #5a3543;
  --color-sugarwinkle-900: #472834;
  --color-sugarwinkle-950: #2e1720;
  --color-broad-daylight: #c1e3ff;
  --color-broad-daylight-50: #f5faff;
  --color-broad-daylight-100: #e5f3ff;
  --color-broad-daylight-200: #c1e3ff;
  --color-broad-daylight-300: #afcae1;
  --color-broad-daylight-400: #8baac3;
  --color-broad-daylight-500: #6e8da7;
  --color-broad-daylight-600: #53728a;
  --color-broad-daylight-700: #3e5a70;
  --color-broad-daylight-800: #2d4558;
  --color-broad-daylight-900: #213545;
  --color-broad-daylight-950: #12212c;
  --color-white-strawberry: #fce4b9;
  --color-white-strawberry-50: #fef0d8;
  --color-white-strawberry-100: #fce4b9;
  --color-white-strawberry-200: #e4d2b2;
  --color-white-strawberry-300: #d0bc98;
  --color-white-strawberry-400: #b29d75;
  --color-white-strawberry-500: #98825a;
  --color-white-strawberry-600: #7d6842;
  --color-white-strawberry-700: #65522f;
  --color-white-strawberry-800: #504020;
  --color-white-strawberry-900: #3e3016;
  --color-white-strawberry-950: #281e0a;
}