Ballet White Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Ballet White (#F2E7D8), each snapped to its nearest named color.

#CDA168

#DDC49E

#F2E7D8

#F8F4ED

Color names and codes

Name	HEX	RGB	HSL	CMYK
Summer in the City	`#CDA168`	205, 161, 104	34°, 50%, 61%	0, 21, 49, 20
Canoe	`#DDC49E`	221, 196, 158	36°, 48%, 74%	0, 11, 29, 13
Ballet White	`#F2E7D8`	242, 231, 216	35°, 50%, 90%	0, 5, 11, 5
Crystal Cut	`#F8F4ED`	248, 244, 237	38°, 44%, 95%	0, 2, 4, 3
Crystal Cut	`#F8F4ED`	248, 244, 237	38°, 44%, 95%	0, 2, 4, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CDA168 on #F8F4ED	2.15:1	—
Aa #CDA168 on #F8F4ED	2.15:1	—
Aa #CDA168 on #F2E7D8	1.93:1	—
Aa #DDC49E on #F8F4ED	1.54:1	—
Aa #DDC49E on #F8F4ED	1.54:1	—
Aa #CDA168 on #DDC49E	1.40:1	—

CSS variables

:root {
  --color-1: #cda168; /* Summer in the City */
  --color-2: #ddc49e; /* Canoe */
  --color-3: #f2e7d8; /* Ballet White */
  --color-4: #f8f4ed; /* Crystal Cut */
  --color-5: #f8f4ed; /* Crystal Cut */
}

Other schemes from Ballet White

More Very Light Orange monochromatic palettes

Questions

What colors go with Ballet White?

In a monochromatic scheme: Summer in the City (#CDA168), Canoe (#DDC49E), Crystal Cut (#F8F4ED), Crystal Cut (#F8F4ED).

What is the hex code of Ballet White?

#F2E7D8.