Huebook

White Chocolate Tetradic Color Scheme

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

#F0E3C7
#C9F0D1
#C5D6EE
#EFC9EC
#FAF6EA

Color names and codes

NameHEXRGBHSLCMYK
White Chocolate#F0E3C7240, 227, 19941°, 58%, 86%0, 5, 17, 6
Pickford#C9F0D1201, 240, 209132°, 57%, 86%16, 0, 13, 6
Murano Soft Blue#C5D6EE197, 214, 238215°, 55%, 85%17, 10, 0, 7
Sugar High#EFC9EC239, 201, 236305°, 54%, 86%0, 16, 1, 6
Clear Moon#FAF6EA250, 246, 23445°, 62%, 95%0, 2, 6, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C5D6EE on #FAF6EA1.37:1—
Aa #EFC9EC on #FAF6EA1.37:1—
Aa #C9F0D1 on #C5D6EE1.19:1—
Aa #C9F0D1 on #EFC9EC1.18:1—
Aa #F0E3C7 on #FAF6EA1.18:1—
Aa #F0E3C7 on #C5D6EE1.16:1—

CSS variables

:root {
  --color-1: #f0e3c7; /* White Chocolate */
  --color-2: #c9f0d1; /* Pickford */
  --color-3: #c5d6ee; /* Murano Soft Blue */
  --color-4: #efc9ec; /* Sugar High */
  --color-5: #faf6ea; /* Clear Moon */
}

Other schemes from White Chocolate

More Very Light Orange tetradic palettes

Questions

What colors go with White Chocolate?

In a tetradic scheme: Pickford (#C9F0D1), Murano Soft Blue (#C5D6EE), Sugar High (#EFC9EC), Clear Moon (#FAF6EA).

What is the hex code of White Chocolate?

#F0E3C7.