Young Salmon to Veiling Waterfalls Color Palette

About this palette

Young Salmon to Veiling Waterfalls is a 4-color pastel, light, warm palette: #FFBAB1 (Young Salmon), #EFC8EA (Sugar High), #FFE5D5 (Slightly in Love), #D4EAFF (Veiling Waterfalls). It mixes pink, orange, blue tones and feels warm overall. The strongest text pairing is #FFBAB1 on #FFE5D5 with a contrast ratio of 1.35:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Young Salmon	rgb(255, 186, 177)	hsl(7, 100%, 85%)
Sugar High	rgb(239, 200, 234)	hsl(308, 55%, 86%)
Slightly in Love	rgb(255, 229, 213)	hsl(23, 100%, 92%)
Veiling Waterfalls	rgb(212, 234, 255)	hsl(209, 100%, 92%)

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

/* Young Salmon to Veiling Waterfalls — https://swatchly.xyz/palette/ffbab1-efc8ea-ffe5d5-d4eaff */
:root {
  --young-salmon: #ffbab1;
  --sugar-high: #efc8ea;
  --slightly-in-love: #ffe5d5;
  --veiling-waterfalls: #d4eaff;
}

Tailwind CSS v4

/* Young Salmon to Veiling Waterfalls — https://swatchly.xyz/palette/ffbab1-efc8ea-ffe5d5-d4eaff */
@theme {
  --color-young-salmon: #ffbab1;
  --color-young-salmon-50: #ffe9e6;
  --color-young-salmon-100: #ffd9d3;
  --color-young-salmon-200: #ffbab1;
  --color-young-salmon-300: #e4a8a0;
  --color-young-salmon-400: #c88981;
  --color-young-salmon-500: #ad6f67;
  --color-young-salmon-600: #91564f;
  --color-young-salmon-700: #78433d;
  --color-young-salmon-800: #62332e;
  --color-young-salmon-900: #4d2622;
  --color-young-salmon-950: #321613;
  --color-sugar-high: #efc8ea;
  --color-sugar-high-50: #ffeefd;
  --color-sugar-high-100: #fae1f7;
  --color-sugar-high-200: #efc8ea;
  --color-sugar-high-300: #d5b4d1;
  --color-sugar-high-400: #b794b3;
  --color-sugar-high-500: #9c7898;
  --color-sugar-high-600: #805f7c;
  --color-sugar-high-700: #684964;
  --color-sugar-high-800: #523850;
  --color-sugar-high-900: #402a3e;
  --color-sugar-high-950: #291927;
  --color-slightly-in-love: #ffe5d5;
  --color-slightly-in-love-50: #fff2ea;
  --color-slightly-in-love-100: #ffe5d5;
  --color-slightly-in-love-200: #e6d3c7;
  --color-slightly-in-love-300: #d1bcaf;
  --color-slightly-in-love-400: #b39c8e;
  --color-slightly-in-love-500: #988172;
  --color-slightly-in-love-600: #7d6759;
  --color-slightly-in-love-700: #645144;
  --color-slightly-in-love-800: #4f3e33;
  --color-slightly-in-love-900: #3e2f26;
  --color-slightly-in-love-950: #271d16;
  --color-veiling-waterfalls: #d4eaff;
  --color-veiling-waterfalls-50: #e7f3ff;
  --color-veiling-waterfalls-100: #d4eaff;
  --color-veiling-waterfalls-200: #c6d6e6;
  --color-veiling-waterfalls-300: #aec1d2;
  --color-veiling-waterfalls-400: #8ea2b5;
  --color-veiling-waterfalls-500: #73879a;
  --color-veiling-waterfalls-600: #5b6e7f;
  --color-veiling-waterfalls-700: #465768;
  --color-veiling-waterfalls-800: #354452;
  --color-veiling-waterfalls-900: #283440;
  --color-veiling-waterfalls-950: #172029;
}