Pale Blush

Meet Pale Blush (#F5E8E9), a delicate hue that sits on the cusp of neutral and color. Its striking quality lies in its subtlety—a barely-there warmth that can soften a composition or serve as a sophisticated, airy foundation for any design palette.

What color is Pale Blush?

What is the meaning of Pale Blush?

How do I use Pale Blush (#F5E8E9) in UI design?

Using Pale Blush color codes

Pale Blush

#F5E8E9

Access our full UI & UX library today.

What color is Pale Blush?

What is the meaning of Pale Blush?

How do I use Pale Blush (#F5E8E9) in UI design?

Using Pale Blush color codes

Pale Blush Code Conversions

HEX

#F5E8E9

LAB

93, 5, 1

RGB

245, 232, 233

XYZ

81.2, 83.0, 88.8

HSL

355°, 39%, 94%

LCH

93, 5, 13°

HSB

355°, 5%, 96%

LUV

93, 7, 1

CMYK

0, 5, 5, 4

CMYK

0, 5, 5, 4

HWB

355°, 91%, 4%

Pale Blush Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Pale Blush, these adjacent hues create a harmonious and tranquil palette, perfect for serene designs.

#F5E8F0

#F5E8E9

#F5EEE8

#F5E8F0

#F5E8E9

#F5EEE8

Complementary

Complementary colors for Pale Blush are found on the opposite side of the color wheel, creating a high-contrast and visually striking combination.

#F5E8E9

#E8F5F4

#F5E8E9

#E8F5F4

Split Complementary

A split complementary scheme offers a flexible, high-contrast palette by pairing Pale Blush with the two colors adjacent to its direct opposite.

#F5E8E9

#E8F5EE

#E8EFF5

#F5E8E9

#E8F5EE

#E8EFF5

Triadic

For a dynamic and balanced palette, a triadic scheme combines three colors from equidistant points on the color wheel, starting with Pale Blush.

#F5E8E9

#E9F5E8

#E8E9F5

#F5E8E9

#E9F5E8

#E8E9F5

Tetradic

A tetradic color scheme for Pale Blush uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.

#F5E8E9

#F0F5E8

#E8F5F4

#EEE8F5

#F5E8E9

#F0F5E8

#E8F5F4

#EEE8F5

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Pale Blush as a base, this creates a vibrant, high-contrast palette.

#F5E8E9

#F0F5E8

#E8F5F4

#EEE8F5

#F5E8E9

#F0F5E8

#E8F5F4

#EEE8F5

Pale Blush Contrast Simulation

Text Color

#

Background Color

#

17.60

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.

17.60

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Pale Blush Color Variations

Shades

Shades are darker versions of Pale Blush, made by adding black for depth and weight.

#F5E8E9

#D2C7C8

#AFA6A6

#8C8585

#696364

#464243

#232121

#000000

#F5E8E9

#D2C7C8

#AFA6A6

#8C8585

#696364

#464243

#232121

#000000

Tints

Tints of Pale Blush are lighter variations created by adding white for a softer feel.

#F5E8E9

#F6EBEC

#F8EFEF

#F9F2F2

#FBF5F6

#FCF8F9

#FEFCFC

#FFFFFF

#F5E8E9

#F6EBEC

#F8EFEF

#F9F2F2

#FBF5F6

#FCF8F9

#FEFCFC

#FFFFFF

Tones

Tones of Pale Blush are created by adding gray, which softens the color’s saturation.

#F5E8E9

#E4D9DA

#D4CACB

#C3BBBC

#B2ADAD

#A19E9E

#918F8F

#808080

#F5E8E9

#E4D9DA

#D4CACB

#C3BBBC

#B2ADAD

#A19E9E

#918F8F

#808080

Hues

Hues are variations of Pale Blush, differing in intensity or temperature to create distinct moods.

#F5E8E9

#F5F1E8

#F0F5E8

#E8F5EA

#E8F5F4

#E8ECF5

#EEE8F5

#F5E8F3

#F5E8E9

#F5F1E8

#F0F5E8

#E8F5EA

#E8F5F4

#E8ECF5

#EEE8F5

#F5E8F3

What Interfaces Use Colors Like Pale 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