Pancake Monochromatic Color Scheme

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

#DD9911

#F7BF43

#F7D788

#FBEFD0

#FDF6E7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golden Key	`#DD9911`	221, 153, 17	40°, 86%, 47%	0, 31, 92, 13
Sweet Lemon	`#F7BF43`	247, 191, 67	41°, 92%, 62%	0, 23, 73, 3
Pancake	`#F7D788`	247, 215, 136	43°, 87%, 75%	0, 13, 45, 3
Custard Cream	`#FBEFD0`	251, 239, 208	43°, 84%, 90%	0, 5, 17, 2
Antique China	`#FDF6E7`	253, 246, 231	41°, 85%, 95%	0, 3, 9, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DD9911 on #FDF6E7	2.26:1	—
Aa #DD9911 on #FBEFD0	2.13:1	—
Aa #DD9911 on #F7D788	1.74:1	—
Aa #F7BF43 on #FDF6E7	1.56:1	—
Aa #F7BF43 on #FBEFD0	1.47:1	—
Aa #DD9911 on #F7BF43	1.45:1	—

CSS variables

:root {
  --color-1: #dd9911; /* Golden Key */
  --color-2: #f7bf43; /* Sweet Lemon */
  --color-3: #f7d788; /* Pancake */
  --color-4: #fbefd0; /* Custard Cream */
  --color-5: #fdf6e7; /* Antique China */
}

Other schemes from Pancake

More Light Orange monochromatic palettes

Questions

What colors go with Pancake?

In a monochromatic scheme: Golden Key (#DD9911), Sweet Lemon (#F7BF43), Custard Cream (#FBEFD0), Antique China (#FDF6E7).

What is the hex code of Pancake?

#F7D788.