37 Different Shades of Cream (+ HEX codes)
Explore all shades of cream, from lighter to darker shades. See HEX codes, shade names, and cream color palettes. Click any shade to copy its HEX code.
Cream is the color of warmth, elegance, and timeless charm! From soft, delicate pastels to rich, buttery tones, explore our collection of 30+ cream shades that bring a cozy and sophisticated touch to any design.
Whether you prefer a subtle tone or a more luxurious shade, you'll find a variety of shades with their names and HEX codes. Plus, discover stunning cream color palettes for your projects!
- cosmic latte#FFF8E6
- snow#FEFAF9
- linen#FAF0E6
- cornsilk#FFF8DC
- light yellow#FEFFED
- floral white#FEFAEF
- old lace#FDF6E6
- ivory#FEFFEF
- light golden rod yellow#FFFDD6
- peachy beige#FFF1E6
- vanilla cream#FFF4DD
- almond milk#F8E8D8
- pale spring bud#ECEBBD
- papaya whip#FFEFD5
- antique white#FAEBD6
- eggshell#F1EAD7
- tea rose#F4C2C3
- light khaki#F0E78C
- pearl#EAE0C7
- bone#E3DAC9
- buff#F0DC83
- topaz#FFC87D
- light apricot#FDD5B1
- wheat#F5DEB4
- blanched almond#FFECCE
- champagne#FAD6A4
- vanilla#F4E5AC
- peach puff#FEDAB8
- pastel yellow#FCFD95
- lemon chiffon#FEFACD
- sand dollar#F3E5AB
- marzipan#EEDC82
- soft peach#FFF3E0
- buttercream#FAE0C3
- almond#F7E7CE
- beige blush#EFE5CF
- light caramel#F8DFC1
Cream: HEX & RGB Codes
cream has the following primary color codes:
HEX: #FFFDD0
RGB: (255, 253, 208).
Explore a wide range of cream shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of cream
Cream
#fffdd1
Cream
#fffdd6
Scotch Mist
#fffddb
Half and Half
#fffee0
Chilean Heath
#fffee5
Chilean Heath
#fffee5
Apricot White
#fffeeb
Rice Cake
#fffef0
Ivory
#fffff5
Black White
#fffffa
Explore shades of cream
Turtle Green
#353308
Punga
#4e4b13
Fern Frond
#646120
Pesto
#7f7b34
Limed Oak
#9a974c
Gimblet
#b3af65
Yuma
#ccc885
Hampton
#e6e3a8
cream in HEX, RGB, HSL and CMYK
| HEX | #FFFDD0 | |
|---|---|---|
| RGB | rgb(255, 253, 208) | |
| HSL | hsl(57, 100%, 91%) | |
| CMYK | cmyk(0%, 1%, 18%, 0%) |
Tints and shades of cream
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#fffdd5
#fffdda
#fffdde
#fffee2
#fffee6
#fffeeb
Shades (darker)
#fff987
#fff53d
#f2e600
#a8a000
#5e5a00
#141300
Colours that work with cream
Complementary
#FFFDD0 #d1d3ff
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#ffe6d1 #FFFDD0 #eaffd1
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#FFFDD0 #d1fffd #fdd1ff
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on cream
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
cream shade chart
Right-click to save the chart, or copy the individual codes above.