Ivory Color: HEX Codes, RGB Values, and Design Guide
Get ivory color hex codes, RGB values, and design palettes. Learn how to use this warm off-white in your 2026 projects.
What Is Ivory Color?
Ivory is a warm off-white shade with a faint yellow undertone, inspired by the natural color of elephant tusks. As a neutral, ivory represents purity, quiet luxury, and timeless elegance. In 2026, ivory has become the main alternative to stark, clinical whites, offering a warmth that works in both digital and physical spaces.
Getting a feel for ivory lets designers build palettes that are grounded and polished. At ColorUX Lab, we see ivory as a foundational tool for anyone who wants to project quality and heritage.
Design Use Cases
- Luxury stationery brands
- Premium skincare lines
- High-end interior design
- Artisanal craftsmanship
Technical DNA: Defining the True Ivory Color
Classic Ivory Color: #FFFFF0
Technically, ivory is a high-luminance hue at the very edge of the yellow spectrum. It's defined by near-maximum brightness, tempered only by a minimal amount of yellow.
This composition makes ivory one of the most useful shades for premium branding.
Ivory Color Schemes for 2026
In 2026, ivory is a staple of the "New Classicism" movement. Designers use it to add visual softness and elegance to their work.
New Classicism
luxuryClassic Ivory base with navy blue authority and metallic gold luxury. Works well for heritage brands, luxury stationery, and premium skincare lines.
#FFFFF0#000080#D4AF37#2F4F4F#F5F5DCSoft Minimalism
modernSoft Ivory with charcoal gray depth and sage green nature. A good fit for wellness platforms, eco-conscious brands, and organic interior design.
#FFFBF0#36454F#9DC183#FAEBD7Warm Heritage
organicWarm Ivory with saddle brown warmth and tan tones. Brings energy and comfort to heritage-inspired spaces.
#FFFEE0#8B4513#D2B48C#F5F5DCIvory Color Shade Variations
Four ivory shades covering the range from antique warmth to soft off-white.
Antique Ivory Color
AntiqueGreat for vintage-style design projects
Classic Ivory Color
StandardThe standard ivory color -- the base of off-white design
Soft Ivory Color
SoftIdeal for UI interfaces as a pure white alternative
Warm Ivory Color
WarmGood for creating warm, classic backgrounds
Extended Ivory Color Spectrum
A range of ivory and off-white shades for detailed design work:
Ivory Color Technical Gradients
Ivory gradients for modern UI design. Good for adding depth and an elegant feel.
Antique to Classic
Antique ivory transitioning to classic ivory
background: linear-gradient(135deg, #FAEBD7 0%, #FFFFF0 100%);Golden Glow
Ivory to gold luxury gradient
background: linear-gradient(135deg, #FFFFF0 0%, #D4AF37 100%);Navy Elegance
Ivory to navy blue prestigious gradient
background: linear-gradient(135deg, #FFFFF0 0%, #000080 100%);Sage Harmony
Ivory to sage green organic gradient
background: linear-gradient(135deg, #FFFFF0 0%, #9DC183 100%);Pairing Ivory Color with Professional Palettes
What makes ivory so useful is how it grounds brighter colors while keeping things cohesive:
Navy Blue
A classic professional pairing with a sense of authority and prestige
Sage Green
An organic combination that feels fresh and modern
Metallic Gold
A luxury pairing that never goes out of style
Charcoal Gray
A modern pairing for high-end tech and luxury branding
The Psychology and Symbolism of Ivory Color
Balance, Reliability, and Quiet Strength
The psychology behind ivory is rooted in balance, reliability, and quiet strength. Because it's a natural tone, it triggers a sense of organic comfort and calm.
Maturity and Refined Taste
Research into ivory color meanings shows that people associate this shade with maturity and good taste. In branding, ivory can help a company appear both established and approachable.
Organic Comfort and Serenity
When people see ivory, they often feel calm and less visual stress compared to high-contrast environments.
Quiet Luxury
Ivory represents purity, quiet luxury, and timeless elegance. It's a popular choice for luxury stationery brands and premium skincare lines that value a clean, warm look.
Designing with Ivory Color in UI/UX
Eye Comfort
An ivory background cuts down on screen glare, making it a good fit for e-commerce sites and long-form reading platforms.
Component Layering
Using a slightly warmer ivory for container elements creates a subtle depth that feels more premium than standard flat design.
Premium Alternative
Ivory works as a strong alternative to pure white for "clean" interfaces, adding warmth without sacrificing clarity.
Accessibility Considerations
Always check color accessibility when using ivory. Because it's a light color, you'll need to pair it with dark charcoal or deep navy text to meet WCAG standards.
Ivory: From Ancient Art to Digital Design
Ancient Symbol of Purity
The history of ivory as a color name is tied to the rare material used in sculptures and ornaments since the Roman era. For millennia, ivory was a symbol of purity and aristocratic wealth.
Modern Translation
Today, this legacy carries into digital design, where ivory signals quality and craftsmanship in a mass-produced world. Understanding this history gives designers a richer story behind their color choices.
Quick Reference Table
| Name | HEX | RGB | Category |
|---|---|---|---|
| Antique Ivory Color | #FAEBD7 | rgb(250, 235, 215) | Antique |
| Classic Ivory Color | #FFFFF0 | rgb(255, 255, 240) | Standard |
| Soft Ivory Color | #FFFBF0 | rgb(255, 251, 240) | Soft |
| Warm Ivory Color | #FFFEE0 | rgb(255, 254, 224) | Warm |
CSS Ivory Color Gradient Code
Copy and paste these CSS gradients for ivory effects:
Classic Ivory Gradient
background: linear-gradient(
135deg,
#FAEBD7 0%,
#FFFFF0 50%,
#FFFBF0 100%
);Ivory to Navy Gradient
background: linear-gradient(
135deg,
#FFFFF0 0%,
#000080 100%
);Tailwind CSS Custom Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
backgroundImage: {
'ivory-gradient': 'linear-gradient(135deg, #FAEBD7 0%, #FFFFF0 50%, #FFFBF0 100%)',
}
}
}
}Frequently Asked Questions
What is the HEX code for ivory color?
The classic HEX code for ivory color is #FFFFF0. This warm off-white shade has been a staple of elegant design for decades.
Is ivory color warmer or cooler than white?
Ivory is warmer than pure white because it has subtle yellow undertones, giving it a softer, creamier look.
What are the best colors to pair with ivory color?
Ivory pairs well with navy blue, sage green, gold, and charcoal gray.
Explore Related Colors
Want to explore more off-white shades? Check out our other color guides for warm neutral tones.
Build Warm, Elegant Designs with Ivory
Try ivory in your next project. Use our tools to build warm, off-white color schemes.
Explore Our Color Library
Discover our complete collection of color guides with HEX codes, palettes, and design inspiration.