Huebook

White Chocolate Monochromatic Color Scheme

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

#D0A54E
#E1C38B
#F0E3C7
#FAF6EA
#FAF6EA

Color names and codes

NameHEXRGBHSLCMYK
Royal Gold Pearl#D0A54E208, 165, 7840°, 58%, 56%0, 21, 63, 18
Moonlight Yellow#E1C38B225, 195, 13939°, 59%, 71%0, 13, 38, 12
White Chocolate#F0E3C7240, 227, 19941°, 58%, 86%0, 5, 17, 6
Clear Moon#FAF6EA250, 246, 23445°, 62%, 95%0, 2, 6, 2
Clear Moon#FAF6EA250, 246, 23445°, 62%, 95%0, 2, 6, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D0A54E on #FAF6EA2.12:1—
Aa #D0A54E on #FAF6EA2.12:1—
Aa #D0A54E on #F0E3C71.80:1—
Aa #E1C38B on #FAF6EA1.57:1—
Aa #E1C38B on #FAF6EA1.57:1—
Aa #D0A54E on #E1C38B1.35:1—

CSS variables

:root {
  --color-1: #d0a54e; /* Royal Gold Pearl */
  --color-2: #e1c38b; /* Moonlight Yellow */
  --color-3: #f0e3c7; /* White Chocolate */
  --color-4: #faf6ea; /* Clear Moon */
  --color-5: #faf6ea; /* Clear Moon */
}

Other schemes from White Chocolate

More Very Light Orange monochromatic palettes

Questions

What colors go with White Chocolate?

In a monochromatic scheme: Royal Gold Pearl (#D0A54E), Moonlight Yellow (#E1C38B), Clear Moon (#FAF6EA), Clear Moon (#FAF6EA).

What is the hex code of White Chocolate?

#F0E3C7.