Light Apricot

Meet Light Apricot (#FDD5B1), a soft pastel that balances warmth with a gentle, luminous quality. Its subtle blend of peach and orange tones gives it a distinctive character, making it a compelling choice for interfaces that need an approachable sophistication without being overpowering.

What color is Light Apricot?

What is the meaning of Light Apricot?

How do I use Light Apricot (#FDD5B1) in UI design?

Using Light Apricot color codes

Light Apricot

#FDD5B1

Access our full UI & UX library today.

What color is Light Apricot?

What is the meaning of Light Apricot?

How do I use Light Apricot (#FDD5B1) in UI design?

Using Light Apricot color codes

Light Apricot Code Conversions

HEX

#FDD5B1

LAB

88, 9, 23

RGB

253, 213, 177

XYZ

72.2, 71.6, 51.6

HSL

28°, 95%, 84%

LCH

88, 25, 69°

HSB

28°, 30%, 99%

LUV

88, 28, 31

CMYK

0, 16, 30, 1

CMYK

0, 16, 30, 1

HWB

28°, 69%, 1%

Light Apricot Color Harmonies

Analogous

Analogous colors sit next to Light Apricot on the color wheel, creating a harmonious and visually pleasing palette that feels calm and serene.

#FDB1B3

#FDD5B1

#FDFBB1

#FDB1B3

#FDD5B1

#FDFBB1

Complementary

Complementary colors sit directly opposite each other on the color wheel. Pairing them with Light Apricot creates a high-contrast, visually striking effect.

#FDD5B1

#B1D9FD

#FDD5B1

#B1D9FD

Split Complementary

For a high-contrast yet balanced palette, a split complementary scheme pairs Light Apricot with the two colors adjacent to its direct complement.

#FDD5B1

#B1FDFB

#B1B3FD

#FDD5B1

#B1FDFB

#B1B3FD

Triadic

A triadic color scheme uses three hues evenly spaced on the color wheel. With Light Apricot, this creates a vibrant, high-contrast palette.

#FDD5B1

#B1FDD5

#D5B1FD

#FDD5B1

#B1FDD5

#D5B1FD

Tetradic

Tetradic schemes create rich, vibrant palettes. For Light Apricot, this means finding three other colors that form two complementary pairs on the color wheel.

#FDD5B1

#B3FDB1

#B1D9FD

#FBB1FD

#FDD5B1

#B3FDB1

#B1D9FD

#FBB1FD

Square

A square color scheme uses four colors equidistant on the color wheel. With Light Apricot as the base, this creates a vibrant, high-contrast palette.

#FDD5B1

#B3FDB1

#B1D9FD

#FBB1FD

#FDD5B1

#B3FDB1

#B1D9FD

#FBB1FD

Light Apricot Contrast Simulation

Text Color

#

Background Color

#

15.33

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.

15.33

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Apricot Color Variations

Shades

Shades of Light Apricot are made by adding black, which introduces a feeling of depth and weight.

#FDD5B1

#D9B798

#B5987E

#917A65

#6C5B4C

#483D33

#241E19

#000000

#FDD5B1

#D9B798

#B5987E

#917A65

#6C5B4C

#483D33

#241E19

#000000

Tints

Tints are created by adding white to Light Apricot, resulting in softer, paler variations.

#FDD5B1

#FDDBBC

#FEE1C7

#FEE7D2

#FEEDDE

#FEF3E9

#FFF9F4

#FFFFFF

#FDD5B1

#FDDBBC

#FEE1C7

#FEE7D2

#FEEDDE

#FEF3E9

#FFF9F4

#FFFFFF

Tones

Adding gray to Light Apricot creates tones, which produce a softer, more muted appearance.

#FDD5B1

#EBC9AA

#D9BDA3

#C7B19C

#B6A495

#A4988E

#928C87

#808080

#FDD5B1

#EBC9AA

#D9BDA3

#C7B19C

#B6A495

#A4988E

#928C87

#808080

Hues

Hues are variations of Light Apricot, differing in intensity and temperature to create distinct moods.

#FDD5B1

#ECFDB1

#B3FDB1

#B1FDE8

#B1D9FD

#C2B1FD

#FBB1FD

#FDB1C6

#FDD5B1

#ECFDB1

#B3FDB1

#B1FDE8

#B1D9FD

#C2B1FD

#FBB1FD

#FDB1C6

What Interfaces Use Colors Like Light Apricot?

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