Ivory Tower

#fbf3f1

Slightly warmer, creamy off-white for calm headers

Save
Share

About Ivory Tower

I keep grabbing Ivory Tower when the layout needs to look "clean" but not cold. Next to , it doesn't take on that faint lavender chill. Next to Grannie's Pearls, it stays quieter, less rosy and less willing to show its hand. And compared with , it reads a touch brighter, so it feels more like a lifted base than a muted whisper.

It's warm ivory with a subdued, neutral undertone, not creamy in the obvious way. Think the one you reach for when you want lightness that still feels human in product UI. I've used it in dashboards and finance apps that need calm headers, documentation pages where headings don't look blanched, and editorial templates that sit between airy and grounded. Dark text holds its clarity without looking harsh, and accents pop without the background competing.

Quick note: because it's slightly warmer than the cooler grays nearby, it can shift on high-saturation displays. Test it against your real typography and hero image before you lock the palette.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.09:1Fail

On Gray 100 #f5f5f5

Aa
1.00:1Fail

On Gray 900 #18181b

Aa
16.19:1AAA

On Black #000000

Aa
19.19:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Ivory Tower

Open the generator with this color pre-loaded.

Start creating