Soft Blush to Bubbles Color Palette

About this palette

Soft Blush to Bubbles is a 4-color pastel, light, warm, gradient palette: #E8BCBA (Soft Blush), #DACC93 (Desert Temple), #FFE0DA (Pink Glitter), #E2FFFC (Bubbles). It mixes pink, yellow, white tones and feels warm overall. The strongest text pairing is #E8BCBA on #E2FFFC with a contrast ratio of 1.62:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Soft Blush	rgb(232, 188, 186)	hsl(3, 50%, 82%)
Desert Temple	rgb(218, 204, 147)	hsl(48, 49%, 72%)
Pink Glitter	rgb(255, 224, 218)	hsl(10, 100%, 93%)
Bubbles	rgb(226, 255, 252)	hsl(174, 100%, 94%)

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

/* Soft Blush to Bubbles — https://swatchly.xyz/palette/e8bcba-dacc93-ffe0da-e2fffc */
:root {
  --soft-blush: #e8bcba;
  --desert-temple: #dacc93;
  --pink-glitter: #ffe0da;
  --bubbles: #e2fffc;
}

Tailwind CSS v4

/* Soft Blush to Bubbles — https://swatchly.xyz/palette/e8bcba-dacc93-ffe0da-e2fffc */
@theme {
  --color-soft-blush: #e8bcba;
  --color-soft-blush-50: #fff7f6;
  --color-soft-blush-100: #ffebea;
  --color-soft-blush-200: #f5d5d4;
  --color-soft-blush-300: #e8bcba;
  --color-soft-blush-400: #c49c9a;
  --color-soft-blush-500: #a87f7d;
  --color-soft-blush-600: #8a6462;
  --color-soft-blush-700: #704d4c;
  --color-soft-blush-800: #583a39;
  --color-soft-blush-900: #442b2a;
  --color-soft-blush-950: #2c1a19;
  --color-desert-temple: #dacc93;
  --color-desert-temple-50: #fffbea;
  --color-desert-temple-100: #fbf3d3;
  --color-desert-temple-200: #eae1ba;
  --color-desert-temple-300: #dacc93;
  --color-desert-temple-400: #b7aa76;
  --color-desert-temple-500: #9a8d56;
  --color-desert-temple-600: #7e703b;
  --color-desert-temple-700: #645826;
  --color-desert-temple-800: #4e4316;
  --color-desert-temple-900: #3b320c;
  --color-desert-temple-950: #251f04;
  --color-pink-glitter: #ffe0da;
  --color-pink-glitter-50: #ffeeeb;
  --color-pink-glitter-100: #ffe0da;
  --color-pink-glitter-200: #e6cfca;
  --color-pink-glitter-300: #d2b8b3;
  --color-pink-glitter-400: #b49993;
  --color-pink-glitter-500: #997e78;
  --color-pink-glitter-600: #7e645f;
  --color-pink-glitter-700: #664f4a;
  --color-pink-glitter-800: #513d39;
  --color-pink-glitter-900: #3f2e2b;
  --color-pink-glitter-950: #281c19;
  --color-bubbles: #e2fffc;
  --color-bubbles-50: #e2fffc;
  --color-bubbles-100: #e1f2f0;
  --color-bubbles-200: #cadedc;
  --color-bubbles-300: #b0c8c5;
  --color-bubbles-400: #8fa9a6;
  --color-bubbles-500: #728d8a;
  --color-bubbles-600: #58726f;
  --color-bubbles-700: #445b58;
  --color-bubbles-800: #334745;
  --color-bubbles-900: #263735;
  --color-bubbles-950: #162221;
}