Huebook

Cream and Sugar Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Cream and Sugar (#DDCFB9), each snapped to its nearest named color.

#AB8953
#C4AB86
#DDCFB9
#F4F2EC
#F8F4ED

Color names and codes

NameHEXRGBHSLCMYK
Teak#AB8953171, 137, 8337°, 35%, 50%0, 20, 51, 33
Croissant#C4AB86196, 171, 13436°, 34%, 65%0, 13, 32, 23
Cream and Sugar#DDCFB9221, 207, 18537°, 35%, 80%0, 6, 16, 13
Bit of Sugar#F4F2EC244, 242, 23645°, 27%, 94%0, 1, 3, 4
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AB8953 on #F8F4ED2.98:1—
Aa #AB8953 on #F4F2EC2.92:1—
Aa #AB8953 on #DDCFB92.13:1—
Aa #C4AB86 on #F8F4ED2.01:1—
Aa #C4AB86 on #F4F2EC1.97:1—
Aa #AB8953 on #C4AB861.48:1—

CSS variables

:root {
  --color-1: #ab8953; /* Teak */
  --color-2: #c4ab86; /* Croissant */
  --color-3: #ddcfb9; /* Cream and Sugar */
  --color-4: #f4f2ec; /* Bit of Sugar */
  --color-5: #f8f4ed; /* Crystal Cut */
}

Other schemes from Cream and Sugar

More Light Orange monochromatic palettes

Questions

What colors go with Cream and Sugar?

In a monochromatic scheme: Teak (#AB8953), Croissant (#C4AB86), Bit of Sugar (#F4F2EC), Crystal Cut (#F8F4ED).

What is the hex code of Cream and Sugar?

#DDCFB9.