Lavender Blush

Meet Lavender Blush (#FFF0F5), a delicate hue that balances softness with a surprising clarity. Its power lies in its subtlety—a whisper of pink that can soften a layout or serve as a warm, sophisticated alternative to stark white, making it a unique choice for modern interfaces.

What color is Lavender Blush?

What is the meaning of Lavender Blush?

How do I use Lavender Blush (#FFF0F5) in UI design?

Using Lavender Blush color codes

Lavender Blush

#FFF0F5

Access our full UI & UX library today.

What color is Lavender Blush?

What is the meaning of Lavender Blush?

How do I use Lavender Blush (#FFF0F5) in UI design?

Using Lavender Blush color codes

Lavender Blush Code Conversions

HEX

#FFF0F5

LAB

96, 6, -1

RGB

255, 240, 245

XYZ

88.9, 90.2, 99.1

HSL

340°, 100%, 97%

LCH

96, 6, 354°

HSB

340°, 6%, 100%

LUV

96, 8, -2

CMYK

0, 6, 4, 0

CMYK

0, 6, 4, 0

HWB

340°, 94%, 0%

Lavender Blush Color Harmonies

Analogous

An analogous color scheme uses hues adjacent to Lavender Blush on the color wheel, resulting in a cohesive and tranquil visual experience.

#FFF0FD

#FFF0F5

#FFF3F0

#FFF0FD

#FFF0F5

#FFF3F0

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Lavender Blush, they create a high-contrast, visually striking effect.

#FFF0F5

#F0FFFA

#FFF0F5

#F0FFFA

Split Complementary

A split complementary scheme for Lavender Blush uses the two colors adjacent to its opposite on the color wheel, creating a vibrant yet balanced palette.

#FFF0F5

#F0FFF3

#F0FDFF

#FFF0F5

#F0FFF3

#F0FDFF

Triadic

Triadic palettes use three hues equidistant on the color wheel. With Lavender Blush as a base, this creates a high-contrast, yet harmonious, combination.

#FFF0F5

#F5FFF0

#F0F5FF

#FFF0F5

#F5FFF0

#F0F5FF

Tetradic

Tetradic palettes pair Lavender Blush with three other colors, creating a rectangle on the color wheel from two sets of complementary hues.

#FFF0F5

#FDFFF0

#F0FFFA

#F3F0FF

#FFF0F5

#FDFFF0

#F0FFFA

#F3F0FF

Square

The square color scheme pairs Lavender Blush with three other equidistant colors, forming a vibrant palette with strong, balanced visual contrast.

#FFF0F5

#FDFFF0

#F0FFFA

#F3F0FF

#FFF0F5

#FDFFF0

#F0FFFA

#F3F0FF

Lavender Blush Contrast Simulation

Text Color

#

Background Color

#

19.03

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.03

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Lavender Blush Color Variations

Shades

Adding black to Lavender Blush creates darker shades, which introduce a sense of weight.

#FFF0F5

#DBCED2

#B6ABAF

#92898C

#6D6769

#494546

#242223

#000000

#FFF0F5

#DBCED2

#B6ABAF

#92898C

#6D6769

#494546

#242223

#000000

Tints

Tints of Lavender Blush are made by adding white, creating softer, more ethereal variations.

#FFF0F5

#FFF2F6

#FFF4F8

#FFF6F9

#FFF9FB

#FFFBFC

#FFFDFE

#FFFFFF

#FFF0F5

#FFF2F6

#FFF4F8

#FFF6F9

#FFF9FB

#FFFBFC

#FFFDFE

#FFFFFF

Tones

Adding gray to Lavender Blush creates tones, producing more subtle and muted color options.

#FFF0F5

#EDE0E4

#DBD0D4

#C9C0C3

#B6B0B2

#A4A0A1

#929091

#808080

#FFF0F5

#EDE0E4

#DBD0D4

#C9C0C3

#B6B0B2

#A4A0A1

#929091

#808080

Hues

Hues are variations of Lavender Blush, differing in intensity and temperature to create specific moods.

#FFF0F5

#FFF6F0

#FDFFF0

#F1FFF0

#F0FFFA

#F0F9FF

#F3F0FF

#FEF0FF

#FFF0F5

#FFF6F0

#FDFFF0

#F1FFF0

#F0FFFA

#F0F9FF

#F3F0FF

#FEF0FF

What Interfaces Use Colors Like Lavender Blush?

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