↑ ↓ to moveEnter to openEsc to close

Cream color codes

Cream is a warm off-white with a yellow lean, softer than pure white. Compare CSS ivory and friends with named creams and vanilla tones.

CSS cream-like keywords

  • CSSAa 17.07:1
    ivory #FFFFF0 RGB 255, 255, 240
  • CSSAa 16.55:1
    floralwhite #FFFAF0 RGB 255, 250, 240
  • CSSAa 16.24:1
    lemonchiffon #FFFACD RGB 255, 250, 205
  • CSSAa 16.16:1
    cornsilk #FFF8DC RGB 255, 248, 220
  • CSSAa 16.03:1
    seashell #FFF5EE RGB 255, 245, 238
  • CSSAa 15.89:1
    oldlace #FDF5E6 RGB 253, 245, 230
  • CSSAa 15.56:1
    beige #F5F5DC RGB 245, 245, 220
  • CSSAa 15.31:1
    linen #FAF0E6 RGB 250, 240, 230

Named creams

Every color here has "cream" in its name.

  • Aa 12.75:1
    Egg Cream #FFD98C RGB 255, 217, 140
  • Aa 12.58:1
    Walnut Cream #F5D8B2 RGB 245, 216, 178
  • Aa 12.48:1
    Double Cream #F2D9A3 RGB 242, 217, 163
  • Aa 12.30:1
    Coral Cream #EAD6CE RGB 234, 214, 206
  • Aa 12.03:1
    Palm Heart Cream #DDD8C2 RGB 221, 216, 194
  • Aa 11.80:1
    Cream of Mushroom #EBD1BE RGB 235, 209, 190
  • Aa 11.51:1
    Fresco Cream #FCC9A6 RGB 252, 201, 166
  • Aa 11.39:1
    Cream Cake #E3D0AD RGB 227, 208, 173
  • Aa 11.23:1
    Cream and Sugar #DDCFB9 RGB 221, 207, 185
  • Aa 11.28:1
    Cream Cheese Avocado #D7D3A6 RGB 215, 211, 166
  • Aa 10.94:1
    Interactive Cream #E4CAAD RGB 228, 202, 173
  • Aa 10.79:1
    Cream Tan #E4C7B8 RGB 228, 199, 184
  • Aa 10.55:1
    Creamy Sweet Corn #F7C34C RGB 247, 195, 76
  • Aa 10.15:1
    Apricot Cream #F1BD89 RGB 241, 189, 137
  • Aa 9.86:1
    Orange Creamsicle #FFB710 RGB 255, 183, 16
  • Aa 9.72:1
    Caramel Cream #F4B58F RGB 244, 181, 143

Ivory, vanilla and off-white

  • Aa 16.81:1
    Matt White #FFFFD4 RGB 255, 255, 212
  • Aa 16.72:1
    Glamour White #FFFCEC RGB 255, 252, 236
  • Aa 15.56:1
    Sprig of Sage #F2F6DB RGB 242, 246, 219
  • Aa 14.64:1
    Blossom #FEE9D8 RGB 254, 233, 216
  • Aa 14.52:1
    Chess Ivory #FFE9C5 RGB 255, 233, 197
  • Aa 14.22:1
    Gardenia #F1E8DF RGB 241, 232, 223
  • Aa 14.11:1
    Imperial Ivory #F1E8D2 RGB 241, 232, 210

Palette idea: light to dark

  • LightestAa 17.07:1
    ivory #FFFFF0 RGB 255, 255, 240
  • LightAa 15.56:1
    beige #F5F5DC RGB 245, 245, 220
  • MidAa 12.75:1
    Egg Cream #FFD98C RGB 255, 217, 140
  • DeepAa 11.23:1
    Cream and Sugar #DDCFB9 RGB 221, 207, 185
  • DarkestAa 9.72:1
    Caramel Cream #F4B58F RGB 244, 181, 143

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 16.16:1
    cornsilk #FFF8DC RGB 255, 248, 220
  • MainAa 12.75:1
    Egg Cream #FFD98C RGB 255, 217, 140
  • DeepAa 10.79:1
    Cream Tan #E4C7B8 RGB 228, 199, 184
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 16.55:1
    floralwhite #FFFAF0 RGB 255, 250, 240
  • MainAa 12.75:1
    Egg Cream #FFD98C RGB 255, 217, 140
  • DarkAa 10.55:1
    Creamy Sweet Corn #F7C34C RGB 247, 195, 76
  • AccentAa 7.67:1
    Complement #8CADF1 RGB 140, 173, 241
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Not quite white

Cream is a pale, warm off-white with a yellow lean, named after the top of fresh milk. CSS has no cream keyword, but ivory (#FFFFF0), cornsilk and oldlace are close.

Cream, ivory and eggshell

  • Cream is the warmest and most yellow.
  • Ivory is lighter, almost white.
  • Eggshell is slightly grayer and more muted.

Styling cream

Cream softens a palette that would feel harsh with pure white. It pairs with navy, forest green, burgundy, brown and terracotta, and suits vintage and wedding designs.

On screen

Cream takes dark text easily and is a comfortable page background for long reading. Use a slightly darker cream for cards so they separate from the page. See also beige, neutral colors and pastel yellow.