Baby Powder

Meet Baby Powder, #FAFAF5. This near-white shade stands out for its subtle warmth and softness. Its high luminosity offers a clean, airy alternative to pure white, providing a gentle foundation for minimalist interfaces without the usual starkness.

What color is Baby Powder?

What is the meaning of Baby Powder?

How do I use Baby Powder (#FAFAF5) in UI design?

Using Baby Powder color codes

Baby Powder

#FAFAF5

Access our full UI & UX library today.

What color is Baby Powder?

What is the meaning of Baby Powder?

How do I use Baby Powder (#FAFAF5) in UI design?

Using Baby Powder color codes

Baby Powder Code Conversions

HEX

#FAFAF5

LAB

98, -1, 2

RGB

250, 250, 245

XYZ

90.1, 95.3, 100.0

HSL

60°, 33%, 97%

LCH

98, 3, 110°

HSB

60°, 2%, 98%

LUV

98, 0, 4

CMYK

0, 0, 2, 2

CMYK

0, 0, 2, 2

HWB

60°, 96%, 2%

Baby Powder Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Baby Powder (#FAFAF5), they create a harmonious and tranquil visual experience.

#FAF8F5

#FAFAF5

#F8FAF5

#FAF8F5

#FAFAF5

#F8FAF5

Complementary

Complementary colors are found opposite each other on the color wheel. Paired with Baby Powder, they produce a bold, high-contrast visual effect.

#FAFAF5

#F5F5FA

#FAFAF5

#F5F5FA

Split Complementary

For Baby Powder, a split complementary palette takes the two colors on either side of its complement, creating a high-contrast look with less tension.

#FAFAF5

#F5F8FA

#F8F5FA

#FAFAF5

#F5F8FA

#F8F5FA

Triadic

Triadic schemes combine three colors equally spaced on the color wheel. With Baby Powder as a base, this approach yields a vibrant and balanced palette.

#FAFAF5

#F5FAFA

#FAF5FA

#FAFAF5

#F5FAFA

#FAF5FA

Tetradic

A tetradic scheme uses four colors arranged into two complementary pairs, creating a vibrant and versatile palette with Baby Powder as a base.

#FAFAF5

#F5FAF8

#F5F5FA

#FAF5F8

#FAFAF5

#F5FAF8

#F5F5FA

#FAF5F8

Square

A square color scheme uses four colors equidistant on the color wheel. This arrangement creates a vibrant, high-contrast palette with Baby Powder as the foundation.

#FAFAF5

#F5FAF8

#F5F5FA

#FAF5F8

#FAFAF5

#F5FAF8

#F5F5FA

#FAF5F8

Baby Powder Contrast Simulation

Text Color

#

Background Color

#

20.06

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.

20.06

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Baby Powder Color Variations

Shades

Adding black to Baby Powder creates its shades—darker versions that introduce depth and weight.

#FAFAF5

#D6D6D2

#B3B3AF

#8F8F8C

#6B6B69

#474746

#242423

#000000

#FAFAF5

#D6D6D2

#B3B3AF

#8F8F8C

#6B6B69

#474746

#242423

#000000

Tints

By adding white to Baby Powder, you create tints—lighter variations that add a soft quality.

#FAFAF5

#FBFBF6

#FBFBF8

#FCFCF9

#FDFDFB

#FEFEFC

#FEFEFE

#FFFFFF

#FAFAF5

#FBFBF6

#FBFBF8

#FCFCF9

#FDFDFB

#FEFEFC

#FEFEFE

#FFFFFF

Tones

Tones of Baby Powder are created by adding gray, which softens the color's saturation.

#FAFAF5

#E9E9E4

#D7D7D4

#C6C6C3

#B4B4B2

#A3A3A1

#919191

#808080

#FAFAF5

#E9E9E4

#D7D7D4

#C6C6C3

#B4B4B2

#A3A3A1

#919191

#808080

Hues

Hues are variations of Baby Powder, differing in intensity or temperature to create distinct moods.

#FAFAF5

#F6FAF5

#F5FAF8

#F5F9FA

#F5F5FA

#F9F5FA

#FAF5F8

#FAF6F5

#FAFAF5

#F6FAF5

#F5FAF8

#F5F9FA

#F5F5FA

#F9F5FA

#FAF5F8

#FAF6F5

What Interfaces Use Colors Like Baby Powder?

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