White Smoke Tetradic Color Scheme

Five colors arranged by the tetradic rule around White Smoke (#F5F5F5), each snapped to its nearest named color.

#F5F5F5

#F4F4F0

#F0F4F2

#F3F1F3

#F4EFEE

Color names and codes

Name	HEX	RGB	HSL	CMYK
White Smoke	`#F5F5F5`	245, 245, 245	0°, 0%, 96%	0, 0, 0, 4
Classic Chalk	`#F4F4F0`	244, 244, 240	60°, 15%, 95%	0, 0, 2, 4
Bakery Box	`#F0F4F2`	240, 244, 242	150°, 15%, 95%	2, 0, 1, 4
Aragonite White	`#F3F1F3`	243, 241, 243	300°, 8%, 95%	0, 1, 0, 5
Angelic Wings	`#F4EFEE`	244, 239, 238	10°, 21%, 95%	0, 2, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F5F5F5 on #F4EFEE	1.05:1	—
Aa #F4F4F0 on #F4EFEE	1.03:1	—
Aa #F5F5F5 on #F3F1F3	1.03:1	—
Aa #F0F4F2 on #F4EFEE	1.03:1	—
Aa #F4F4F0 on #F3F1F3	1.02:1	—
Aa #F5F5F5 on #F0F4F2	1.02:1	—

CSS variables

:root {
  --color-1: #f5f5f5; /* White Smoke */
  --color-2: #f4f4f0; /* Classic Chalk */
  --color-3: #f0f4f2; /* Bakery Box */
  --color-4: #f3f1f3; /* Aragonite White */
  --color-5: #f4efee; /* Angelic Wings */
}

Other schemes from White Smoke

More White tetradic palettes

Questions

What colors go with White Smoke?

In a tetradic scheme: Classic Chalk (#F4F4F0), Bakery Box (#F0F4F2), Aragonite White (#F3F1F3), Angelic Wings (#F4EFEE).

What is the hex code of White Smoke?

#F5F5F5.