Chef’s Hat Triadic Color Scheme

Five colors arranged by the triadic rule around Chef’s Hat (#F3F4F5), each snapped to its nearest named color.

#F3F4F5

#F5F0F1

#F4F4F0

#EEF2F3

#DAC0CD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Chef’s Hat	`#F3F4F5`	243, 244, 245	210°, 9%, 96%	1, 0, 0, 4
Plastic Clouds	`#F5F0F1`	245, 240, 241	348°, 20%, 95%	0, 2, 2, 4
Classic Chalk	`#F4F4F0`	244, 244, 240	60°, 15%, 95%	0, 0, 2, 4
Maui Mist	`#EEF2F3`	238, 242, 243	192°, 17%, 94%	2, 0, 0, 5
Twilight Light	`#DAC0CD`	218, 192, 205	330°, 26%, 80%	0, 12, 6, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F3F4F5 on #DAC0CD	1.54:1	—
Aa #F4F4F0 on #DAC0CD	1.54:1	—
Aa #EEF2F3 on #DAC0CD	1.50:1	—
Aa #F5F0F1 on #DAC0CD	1.50:1	—
Aa #F3F4F5 on #F5F0F1	1.02:1	—
Aa #F3F4F5 on #EEF2F3	1.02:1	—

CSS variables

:root {
  --color-1: #f3f4f5; /* Chef’s Hat */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #f4f4f0; /* Classic Chalk */
  --color-4: #eef2f3; /* Maui Mist */
  --color-5: #dac0cd; /* Twilight Light */
}

Other schemes from Chef’s Hat

More White triadic palettes

Questions

What colors go with Chef’s Hat?

In a triadic scheme: Plastic Clouds (#F5F0F1), Classic Chalk (#F4F4F0), Maui Mist (#EEF2F3), Twilight Light (#DAC0CD).

What is the hex code of Chef’s Hat?

#F3F4F5.