Huebook

Sugar Glaze Analogous Color Scheme

Five colors arranged by the analogous rule around Sugar Glaze (#FFF0E1), each snapped to its nearest named color.

#FDE1F0
#FFE4E1
#FFF0E1
#FFFFE0
#F1FDE9

Color names and codes

NameHEXRGBHSLCMYK
Pale Blossom#FDE1F0253, 225, 240328°, 88%, 94%0, 11, 5, 1
Misty Rose#FFE4E1255, 228, 2256°, 100%, 94%0, 11, 12, 0
Sugar Glaze#FFF0E1255, 240, 22530°, 100%, 94%0, 6, 12, 0
Winter Duvet#FFFFE0255, 255, 22460°, 100%, 94%0, 0, 12, 0
Crème de Menthe#F1FDE9241, 253, 23396°, 83%, 95%5, 0, 8, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FDE1F0 on #FFFFE01.20:1—
Aa #FFE4E1 on #FFFFE01.18:1—
Aa #FDE1F0 on #F1FDE91.16:1—
Aa #FFE4E1 on #F1FDE91.15:1—
Aa #FFF0E1 on #FFFFE01.10:1—
Aa #FDE1F0 on #FFF0E11.09:1—

CSS variables

:root {
  --color-1: #fde1f0; /* Pale Blossom */
  --color-2: #ffe4e1; /* Misty Rose */
  --color-3: #fff0e1; /* Sugar Glaze */
  --color-4: #ffffe0; /* Winter Duvet */
  --color-5: #f1fde9; /* Crème de Menthe */
}

Other schemes from Sugar Glaze

More Very Light Orange analogous palettes

Questions

What colors go with Sugar Glaze?

In a analogous scheme: Pale Blossom (#FDE1F0), Misty Rose (#FFE4E1), Winter Duvet (#FFFFE0), Crème de Menthe (#F1FDE9).

What is the hex code of Sugar Glaze?

#FFF0E1.