18 Different Shades of Ivory (+ HEX codes)

Explore all shades of ivory, from lighter to darker shades. See HEX codes, shade names, and ivory color palettes. Click any shade to copy its HEX code.

Ivory is white that has been allowed to warm up. Next to pure white it looks aged; on its own it looks expensive, which is why stationery and bridal design live in it.

Use it instead of #FFF for large backgrounds: it cuts glare without anyone noticing a colour.

white
#ffffff
chilean heath
#ffffe6
cream
#ffffcd
portafino
#ffffb3
pale canary
#ffff9a
dolly
#ffff81
laser lemon
#ffff68
gorse
#ffff4e
golden fizz
#ffff35
broom
#ffff1c
yellow
#ffff03
turbo
#e8e800
rio grande
#cfcf00
buddha gold
#b6b600
olive
#9d9d00
verdun green
#515100
madras
#383800
cola
#1f1f00

Ivory: HEX & RGB Codes

ivory has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of ivory shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of ivory

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of ivory

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

ivory in HEX, RGB, HSL and CMYK

HEX	#FFFFF0
RGB	rgb(255, 255, 240)
HSL	hsl(60, 100%, 97%)
CMYK	cmyk(0%, 0%, 6%, 0%)

Tints and shades of ivory

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)

#ffffef
#ffffee
#ffffed
#ffffec
#ffffeb
#ffffeb

Shades (darker)

#ffffa1
#ffff52
#ffff03
#b2b300
#636300
#141400

Colours that work with ivory

Complementary

#FFFFF0 #f0f0ff

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#fff7f0 #FFFFF0 #f7fff0

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#FFFFF0 #f0ffff #fff0ff

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on ivory

Example Primary text

White text on ivory1.01:1Fail

Example Primary text

Near-black text on ivory17.58:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

ivory shade chart

Shade chart showing five steps of ivory, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.