Cream is an off-white with yellow in it, named for dairy cream. Every tone on this page sits between 36° and 60° hue and above 65% lightness, which is what separates it from a plain white. Take the HEX codes from a scheme below, or build a custom cream palette around any base colour with the generator.
Warm Cream is the lightest, topping out at #FFFDF7. Cream & Ivory pushes further toward yellow with #FFFFF0 and #FDF6E3. Soft Cream is the only one with real contrast, dropping to #C9B187 at 66% lightness — the one tone here you could actually set a page section against.
#FFFDF7#FAF3E0#F5EBDC#EADFCB#D9CBB3#FFFFF0#FDF6E3#F5EBDC#E8DCC0#D8C7A8#FBF7F0#F3E9D2#EADEC1#DDCBA4#C9B187Anchored to a cream base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Cream is a background colour, and it changes what sits on it: it warms a sage green, softens a burgundy, and takes gold better than white does. It needs a dark anchor for legibility — a deep brown or charcoal — because nothing on this page contrasts with anything else. See ivory for the whiter neighbour.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Warm Cream row above reads #FFFDF7 through #D9CBB3 and you can type those five in as the custom properties yourself. The generator instead rolls around #EADFCB, the base cream this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Ivory palette · Beige palette · Sage Green palette · all colours