Hazelwood Monochromatic Color Scheme

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

#FDC838

#FFDD88

#FFF3D5

#FFF8E4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Banana Boat	`#FDC838`	253, 200, 56	44°, 98%, 61%	0, 21, 78, 1
Broiled Flounder	`#FFDD88`	255, 221, 136	43°, 100%, 77%	0, 13, 47, 0
Hazelwood	`#FFF3D5`	255, 243, 213	43°, 100%, 92%	0, 5, 16, 0
Sweet Frosting	`#FFF8E4`	255, 248, 228	44°, 100%, 95%	0, 3, 11, 0
Sweet Frosting	`#FFF8E4`	255, 248, 228	44°, 100%, 95%	0, 3, 11, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FDC838 on #FFF8E4	1.47:1	—
Aa #FDC838 on #FFF8E4	1.47:1	—
Aa #FDC838 on #FFF3D5	1.41:1	—
Aa #FFDD88 on #FFF8E4	1.24:1	—
Aa #FFDD88 on #FFF8E4	1.24:1	—
Aa #FFDD88 on #FFF3D5	1.19:1	—

CSS variables

:root {
  --color-1: #fdc838; /* Banana Boat */
  --color-2: #ffdd88; /* Broiled Flounder */
  --color-3: #fff3d5; /* Hazelwood */
  --color-4: #fff8e4; /* Sweet Frosting */
  --color-5: #fff8e4; /* Sweet Frosting */
}

Other schemes from Hazelwood

More Very Light Orange monochromatic palettes

Questions

What colors go with Hazelwood?

In a monochromatic scheme: Banana Boat (#FDC838), Broiled Flounder (#FFDD88), Sweet Frosting (#FFF8E4), Sweet Frosting (#FFF8E4).

What is the hex code of Hazelwood?

#FFF3D5.