Summer of ’82 to White Strawberry Color Palette

About this palette

Summer of ’82 to White Strawberry is a 4-color pastel, light palette: #7FD0D2 (Summer of ’82), #EECEEA (Sweet Dreams), #ADF0DB (Water Leaf), #FEE1B3 (White Strawberry). It mixes turquoise, pink, yellow tones and feels balanced overall. The strongest text pairing is #7FD0D2 on #FEE1B3 with a contrast ratio of 1.40:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Summer of ’82	rgb(127, 208, 210)	hsl(181, 48%, 66%)
Sweet Dreams	rgb(238, 206, 234)	hsl(308, 48%, 87%)
Water Leaf	rgb(173, 240, 219)	hsl(161, 69%, 81%)
White Strawberry	rgb(254, 225, 179)	hsl(37, 97%, 85%)

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

/* Summer of ’82 to White Strawberry — https://swatchly.xyz/palette/7fd0d2-eeceea-adf0db-fee1b3 */
:root {
  --summer-of-82: #7fd0d2;
  --sweet-dreams: #eeceea;
  --water-leaf: #adf0db;
  --white-strawberry: #fee1b3;
}

Tailwind CSS v4

/* Summer of ’82 to White Strawberry — https://swatchly.xyz/palette/7fd0d2-eeceea-adf0db-fee1b3 */
@theme {
  --color-summer-of-82: #7fd0d2;
  --color-summer-of-82-50: #d4feff;
  --color-summer-of-82-100: #c5f5f6;
  --color-summer-of-82-200: #a9e3e4;
  --color-summer-of-82-300: #7fd0d2;
  --color-summer-of-82-400: #62b0b2;
  --color-summer-of-82-500: #429496;
  --color-summer-of-82-600: #25797b;
  --color-summer-of-82-700: #0b6163;
  --color-summer-of-82-800: #004c4e;
  --color-summer-of-82-900: #003b3d;
  --color-summer-of-82-950: #002526;
  --color-sweet-dreams: #eeceea;
  --color-sweet-dreams-50: #fff2fd;
  --color-sweet-dreams-100: #fae6f7;
  --color-sweet-dreams-200: #eeceea;
  --color-sweet-dreams-300: #d4b9d0;
  --color-sweet-dreams-400: #b598b2;
  --color-sweet-dreams-500: #997c96;
  --color-sweet-dreams-600: #7e627a;
  --color-sweet-dreams-700: #654c62;
  --color-sweet-dreams-800: #503a4d;
  --color-sweet-dreams-900: #3e2c3c;
  --color-sweet-dreams-950: #271a26;
  --color-water-leaf: #adf0db;
  --color-water-leaf-50: #effff9;
  --color-water-leaf-100: #d7fcef;
  --color-water-leaf-200: #adf0db;
  --color-water-leaf-300: #9fd5c4;
  --color-water-leaf-400: #78b5a3;
  --color-water-leaf-500: #589886;
  --color-water-leaf-600: #3c7c6a;
  --color-water-leaf-700: #266353;
  --color-water-leaf-800: #164d3f;
  --color-water-leaf-900: #0c3c30;
  --color-water-leaf-950: #04261d;
  --color-white-strawberry: #fee1b3;
  --color-white-strawberry-50: #ffeed3;
  --color-white-strawberry-100: #fee1b3;
  --color-white-strawberry-200: #e5d0ad;
  --color-white-strawberry-300: #d2b993;
  --color-white-strawberry-400: #b59b70;
  --color-white-strawberry-500: #9a8055;
  --color-white-strawberry-600: #80673d;
  --color-white-strawberry-700: #68512b;
  --color-white-strawberry-800: #533f1d;
  --color-white-strawberry-900: #403012;
  --color-white-strawberry-950: #291d08;
}