What colors go well with eggshell?

Eggshell pairs with its complementary colour #D6DCF0 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Eggshell Color — Hex Code #F0EAD6, RGB, Palettes & CSS

Q: What is the hex code for eggshell?

Eggshell is commonly #F0EAD6, which is rgb(240, 234, 214). Like most descriptive colour names it covers a small range, but this is a widely used value.

Eggshell colour codes

Hex

#F0EAD6

RGB

rgb(240, 234, 214)

HSL

hsl(46, 46%, 89%)

HSV

hsv(46, 11%, 94%)

OKLCH

oklch(0.94 0.03 93)

CMYK

cmyk(0%, 3%, 11%, 6%)

Complementary palette

Eggshell with its opposite on the colour wheel.

#F0EAD6

rgb(240, 234, 214)

#D6DCF0

rgb(214, 220, 240)

Triad palette

Eggshell with two evenly-spaced partners.

#F0EAD6

rgb(240, 234, 214)

#D6F0EA

rgb(214, 240, 234)

#EAD6F0

rgb(234, 214, 240)

Monochromatic palette

Lighter and darker versions of eggshell at the same hue.

#79766C

rgb(121, 118, 108)

#A9A596

rgb(169, 165, 150)

#D9D3C1

rgb(217, 211, 193)

#FDF6E1

rgb(253, 246, 225)

Lighter tints

Eggshell toward white.

#F0EAD6

rgb(240, 234, 214)

#F2EDDC

rgb(242, 237, 220)

#F4F0E2

rgb(244, 240, 226)

#F6F3E8

rgb(246, 243, 232)

#F9F6ED

rgb(249, 246, 237)

#FBF9F3

rgb(251, 249, 243)

#FDFCF9

rgb(253, 252, 249)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Eggshell toward black.

#F0EAD6

rgb(240, 234, 214)

#CEC9B7

rgb(206, 201, 183)

#ABA799

rgb(171, 167, 153)

#89867A

rgb(137, 134, 122)

#67645C

rgb(103, 100, 92)

#45433D

rgb(69, 67, 61)

#22211F

rgb(34, 33, 31)

#000000

rgb(0, 0, 0)

About eggshell

A soft off-white with a faint warm tint. A popular wall and background neutral, less stark than white. The value shown here (#F0EAD6) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with eggshell

The complementary colour (#D6DCF0) sits opposite eggshell on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using eggshell in your design

For CSS, paste #F0EAD6 or the oklch(0.94 0.03 93) value, or download the ready-made eggshell.css file above — it includes a full 50–950 token scale. Always check contrast before using eggshell behind text.

What is the hex code for eggshell?

Eggshell is commonly #F0EAD6 (rgb(240, 234, 214)). It covers a small range, but this is a widely used value.

What colours go well with eggshell?

Its complementary colour #D6DCF0 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Eggshell colour

Eggshell colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About eggshell

Palettes that work with eggshell

Using eggshell in your design

Popular colours

Color tools