Old Lace

Introducing Old Lace, #FDF5E6. This isn't just another off-white; it's a color with a distinct, creamy character. Its subtle infusion of yellow gives it a soft, inviting warmth that provides a refined alternative to pure white, perfect for nuanced digital interfaces.

What color is Old Lace?

What is the meaning of Old Lace?

How do I use Old Lace (#FDF5E6) in UI design?

Using Old Lace color codes

Old Lace

#FDF5E6

Access our full UI & UX library today.

What color is Old Lace?

What is the meaning of Old Lace?

How do I use Old Lace (#FDF5E6) in UI design?

Using Old Lace color codes

Old Lace Code Conversions

HEX

#FDF5E6

LAB

97, 0, 8

RGB

253, 245, 230

XYZ

87.4, 91.9, 88.0

HSL

39°, 85%, 95%

LCH

97, 8, 89°

HSB

39°, 9%, 99%

LUV

97, 5, 12

CMYK

0, 3, 9, 1

CMYK

0, 3, 9, 1

HWB

39°, 90%, 1%

Old Lace Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Old Lace, these adjacent hues create a harmonious and visually soothing palette for any design.

#FDEAE6

#FDF5E6

#FAFDE6

#FDEAE6

#FDF5E6

#FAFDE6

Complementary

Complementary colors are opposites on the color wheel. When paired with Old Lace, these hues create a high-contrast, visually striking combination for your designs.

#FDF5E6

#E6EEFD

#FDF5E6

#E6EEFD

Split Complementary

The split complementary palette for Old Lace uses the two colors next to its complement, creating a high-contrast look with less tension.

#FDF5E6

#E6FAFD

#EAE6FD

#FDF5E6

#E6FAFD

#EAE6FD

Triadic

A triadic color scheme uses three hues equally spaced on the color wheel, creating a vibrant, high-contrast palette with Old Lace as a base.

#FDF5E6

#E6FDF5

#F5E6FD

#FDF5E6

#E6FDF5

#F5E6FD

Tetradic

A tetradic scheme for Old Lace uses two pairs of complementary colors, forming a rectangle on the color wheel for a bold combination.

#FDF5E6

#E6FDEA

#E6EEFD

#FDE6F9

#FDF5E6

#E6FDEA

#E6EEFD

#FDE6F9

Square

A square color scheme uses four colors equidistant on the color wheel. This arrangement offers even greater contrast and vibrancy than a standard tetradic palette.

#FDF5E6

#E6FDEA

#E6EEFD

#FDE6F9

#FDF5E6

#E6FDEA

#E6EEFD

#FDE6F9

Old Lace Contrast Simulation

Text Color

#

Background Color

#

19.38

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

19.38

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Old Lace Color Variations

Shades

Shades of Old Lace are created by adding black, resulting in darker, weightier tones.

#FDF5E6

#D9D2C5

#B5AFA4

#918C83

#6C6963

#484642

#242321

#000000

#FDF5E6

#D9D2C5

#B5AFA4

#918C83

#6C6963

#484642

#242321

#000000

Tints

Tints are lighter variations of Old Lace, created by adding white for a softer feel.

#FDF5E6

#FDF6EA

#FEF8ED

#FEF9F1

#FEFBF4

#FEFCF8

#FFFEFB

#FFFFFF

#FDF5E6

#FDF6EA

#FEF8ED

#FEF9F1

#FEFBF4

#FEFCF8

#FFFEFB

#FFFFFF

Tones

Tones of Old Lace are created by mixing in gray, which softens and desaturates the color.

#FDF5E6

#EBE4D7

#D9D4C9

#C7C3BA

#B6B2AC

#A4A19D

#92918F

#808080

#FDF5E6

#EBE4D7

#D9D4C9

#C7C3BA

#B6B2AC

#A4A19D

#92918F

#808080

Hues

Hues are variations of Old Lace, differing in intensity or temperature to create distinct moods.

#FDF5E6

#F4FDE6

#E6FDEA

#E6FDFB

#E6EEFD

#EFE6FD

#FDE6F9

#FDE6E8

#FDF5E6

#F4FDE6

#E6FDEA

#E6FDFB

#E6EEFD

#EFE6FD

#FDE6F9

#FDE6E8

What Interfaces Use Colors Like Old Lace?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox