Patisserie Complementary Color Scheme

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

#EDDBC8

#F8F1EB

#C7DAED

#8CB7D7

#ECF3F9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Patisserie	`#EDDBC8`	237, 219, 200	31°, 51%, 86%	0, 8, 16, 7
Shea	`#F8F1EB`	248, 241, 235	28°, 48%, 95%	0, 3, 5, 3
Arctic Rain	`#C7DAED`	199, 218, 237	210°, 51%, 85%	16, 8, 0, 7
Periwinkle Sky	`#8CB7D7`	140, 183, 215	206°, 48%, 70%	35, 15, 0, 16
Insignia White	`#ECF3F9`	236, 243, 249	208°, 52%, 95%	5, 2, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F8F1EB on #8CB7D7	1.90:1	—
Aa #8CB7D7 on #ECF3F9	1.90:1	—
Aa #EDDBC8 on #8CB7D7	1.58:1	—
Aa #C7DAED on #8CB7D7	1.49:1	—
Aa #F8F1EB on #C7DAED	1.28:1	—
Aa #C7DAED on #ECF3F9	1.28:1	—

CSS variables

:root {
  --color-1: #eddbc8; /* Patisserie */
  --color-2: #f8f1eb; /* Shea */
  --color-3: #c7daed; /* Arctic Rain */
  --color-4: #8cb7d7; /* Periwinkle Sky */
  --color-5: #ecf3f9; /* Insignia White */
}

Other schemes from Patisserie

More Very Light Orange complementary palettes

Questions

What colors go with Patisserie?

In a complementary scheme: Shea (#F8F1EB), Arctic Rain (#C7DAED), Periwinkle Sky (#8CB7D7), Insignia White (#ECF3F9).

What is the hex code of Patisserie?

#EDDBC8.