Serene Complementary Color Scheme

Five colors arranged by the complementary rule around Serene (#DCE3E4), each snapped to its nearest named color.

#DCE3E4

#F0F4F2

#E7DAD7

#C8ACA9

#F4EFEE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Serene	`#DCE3E4`	220, 227, 228	188°, 13%, 88%	4, 0, 0, 11
Bakery Box	`#F0F4F2`	240, 244, 242	150°, 15%, 95%	2, 0, 1, 4
Light Porcelain	`#E7DAD7`	231, 218, 215	11°, 25%, 87%	0, 6, 7, 9
Pinkish Grey	`#C8ACA9`	200, 172, 169	6°, 22%, 72%	0, 14, 16, 22
Angelic Wings	`#F4EFEE`	244, 239, 238	10°, 21%, 95%	0, 2, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F0F4F2 on #C8ACA9	1.91:1	—
Aa #C8ACA9 on #F4EFEE	1.86:1	—
Aa #DCE3E4 on #C8ACA9	1.63:1	—
Aa #E7DAD7 on #C8ACA9	1.55:1	—
Aa #F0F4F2 on #E7DAD7	1.23:1	—
Aa #E7DAD7 on #F4EFEE	1.20:1	—

CSS variables

:root {
  --color-1: #dce3e4; /* Serene */
  --color-2: #f0f4f2; /* Bakery Box */
  --color-3: #e7dad7; /* Light Porcelain */
  --color-4: #c8aca9; /* Pinkish Grey */
  --color-5: #f4efee; /* Angelic Wings */
}

Other schemes from Serene

More Very Light Teal complementary palettes

Questions

What colors go with Serene?

In a complementary scheme: Bakery Box (#F0F4F2), Light Porcelain (#E7DAD7), Pinkish Grey (#C8ACA9), Angelic Wings (#F4EFEE).

What is the hex code of Serene?

#DCE3E4.