Strawberry Buttercream to Liaison color palette

F6B3EFStrawberry Buttercream D392BCExotic Lilac 422F50Sanctum of Shadows B25B6DHot Flamingo A790DDDreamy Candy Forest 913956Liaison

Open in generator Export PNG, PDF, ASE…

About this palette

Strawberry Buttercream to Liaison is a 6-color warm palette: #F6B3EF (Strawberry Buttercream), #D392BC (Exotic Lilac), #422F50 (Sanctum of Shadows), #B25B6D (Hot Flamingo), #A790DD (Dreamy Candy Forest), #913956 (Liaison). It mixes pink, purple, red tones and feels warm overall. The strongest text pairing is #F6B3EF on #422F50 with a contrast ratio of 7.19:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Strawberry Buttercream	rgb(246, 179, 239)	hsl(306, 79%, 83%)
Exotic Lilac	rgb(211, 146, 188)	hsl(321, 42%, 70%)
Sanctum of Shadows	rgb(66, 47, 80)	hsl(275, 26%, 25%)
Hot Flamingo	rgb(178, 91, 109)	hsl(348, 36%, 53%)
Dreamy Candy Forest	rgb(167, 144, 221)	hsl(258, 53%, 72%)
Liaison	rgb(145, 57, 86)	hsl(340, 44%, 40%)

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.

Aa7.19:1 Very good#F6B3EF on #422F50
Aa7.19:1 Very good#422F50 on #F6B3EF
Aa4.91:1 Good#D392BC on #422F50
Aa4.91:1 Good#422F50 on #D392BC
Aa4.38:1 Poor#422F50 on #A790DD
Aa4.38:1 Poor#A790DD on #422F50
Aa4.31:1 Poor#F6B3EF on #913956
Aa4.31:1 Poor#913956 on #F6B3EF

Color blindness preview

CSS variables

/* Strawberry Buttercream to Liaison — https://swatchly.xyz/palette/f6b3ef-d392bc-422f50-b25b6d-a790dd-913956 */
:root {
  --strawberry-buttercream: #f6b3ef;
  --exotic-lilac: #d392bc;
  --sanctum-of-shadows: #422f50;
  --hot-flamingo: #b25b6d;
  --dreamy-candy-forest: #a790dd;
  --liaison: #913956;
}

Tailwind CSS v4

/* Strawberry Buttercream to Liaison — https://swatchly.xyz/palette/f6b3ef-d392bc-422f50-b25b6d-a790dd-913956 */
@theme {
  --color-strawberry-buttercream: #f6b3ef;
  --color-strawberry-buttercream-50: #ffe4fc;
  --color-strawberry-buttercream-100: #ffd1fa;
  --color-strawberry-buttercream-200: #f6b3ef;
  --color-strawberry-buttercream-300: #dca2d6;
  --color-strawberry-buttercream-400: #c082ba;
  --color-strawberry-buttercream-500: #a668a0;
  --color-strawberry-buttercream-600: #8b5086;
  --color-strawberry-buttercream-700: #723d6e;
  --color-strawberry-buttercream-800: #5d2e59;
  --color-strawberry-buttercream-900: #492146;
  --color-strawberry-buttercream-950: #2f132d;
  --color-exotic-lilac: #d392bc;
  --color-exotic-lilac-50: #fff5fb;
  --color-exotic-lilac-100: #ffe8f6;
  --color-exotic-lilac-200: #fdcceb;
  --color-exotic-lilac-300: #ecb5d8;
  --color-exotic-lilac-400: #d392bc;
  --color-exotic-lilac-500: #b4769e;
  --color-exotic-lilac-600: #965a82;
  --color-exotic-lilac-700: #7a4468;
  --color-exotic-lilac-800: #613252;
  --color-exotic-lilac-900: #4c243f;
  --color-exotic-lilac-950: #301427;
  --color-sanctum-of-shadows: #422f50;
  --color-sanctum-of-shadows-50: #f9f2ff;
  --color-sanctum-of-shadows-100: #f3e5ff;
  --color-sanctum-of-shadows-200: #e1d0ee;
  --color-sanctum-of-shadows-300: #cbb8db;
  --color-sanctum-of-shadows-400: #ae99be;
  --color-sanctum-of-shadows-500: #947ea4;
  --color-sanctum-of-shadows-600: #7a658a;
  --color-sanctum-of-shadows-700: #635072;
  --color-sanctum-of-shadows-800: #503f5d;
  --color-sanctum-of-shadows-900: #422f50;
  --color-sanctum-of-shadows-950: #291e31;
  --color-hot-flamingo: #b25b6d;
  --color-hot-flamingo-50: #ffeef0;
  --color-hot-flamingo-100: #ffdde2;
  --color-hot-flamingo-200: #ffbcc7;
  --color-hot-flamingo-300: #f19dac;
  --color-hot-flamingo-400: #d1798a;
  --color-hot-flamingo-500: #b25b6d;
  --color-hot-flamingo-600: #954456;
  --color-hot-flamingo-700: #7b3243;
  --color-hot-flamingo-800: #642434;
  --color-hot-flamingo-900: #501a27;
  --color-hot-flamingo-950: #350e18;
  --color-dreamy-candy-forest: #a790dd;
  --color-dreamy-candy-forest-50: #f5f2ff;
  --color-dreamy-candy-forest-100: #ece6ff;
  --color-dreamy-candy-forest-200: #dacdff;
  --color-dreamy-candy-forest-300: #c6b2f7;
  --color-dreamy-candy-forest-400: #a790dd;
  --color-dreamy-candy-forest-500: #8c75c0;
  --color-dreamy-candy-forest-600: #725ba2;
  --color-dreamy-candy-forest-700: #5b4686;
  --color-dreamy-candy-forest-800: #48356d;
  --color-dreamy-candy-forest-900: #382757;
  --color-dreamy-candy-forest-950: #23173a;
  --color-liaison: #913956;
  --color-liaison-50: #fff1f4;
  --color-liaison-100: #ffe3e9;
  --color-liaison-200: #ffc8d5;
  --color-liaison-300: #fca7be;
  --color-liaison-400: #e1859f;
  --color-liaison-500: #c66985;
  --color-liaison-600: #aa506b;
  --color-liaison-700: #913956;
  --color-liaison-800: #742a43;
  --color-liaison-900: #5c1d33;
  --color-liaison-950: #3d0f1f;
}