Daylight

Meet Daylight (#FEDFCB), a soft, luminous hue that brings a gentle warmth to any palette. This pale, peachy tint is notable for its high brightness, giving it an airy quality that feels both fresh and sophisticated without overwhelming the eye.

Daylight
#FEDFCB
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Daylight?

Daylight is a soft, warm off-white defined by its distinct peachy-pink undertones.

This subtle tint gives the color a gentle warmth, separating it from stark, neutral whites and evoking the first light of dawn.

What is the meaning of the color Daylight (#FEDFCB) in design?

Daylight embodies the gentle warmth of a new morning, suggesting optimism and a sense of serene beginnings.

Psychologically, this soft hue fosters feelings of comfort and clarity, creating an atmosphere of approachable softness.

How should I use Daylight in my UI design?

In UI design, Daylight (#FEDFCB) works beautifully as a warm, approachable background or as a soft accent color. For strong visual hierarchy and accessibility, pair it with dark, cool tones like deep navy or charcoal gray. For a more analogous scheme, consider combining it with earthy browns and muted terracotta.

A few brands, such as Thrive Market and SideChef, use similar peachy hues to project a natural and welcoming personality. The relative rarity of this color in digital products means it can help a design feel distinct and fresh.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Daylight in real UI components from top brands.

How do I use the Daylight color codes?

The most direct way to apply Daylight in your digital projects is by using its hex code, #FEDFCB. This six-digit code is a web-standard representation of the color that works across browsers and design software.

Depending on your medium, you may need to convert #FEDFCB. For screen-based designs, the RGB values specify the exact mix of red, green, and blue light required. If your work is headed for print, you'll use the CMYK values, which dictate the proportions of cyan, magenta, yellow, and black ink.

To make your workflow easier, we've converted #FEDFCB into a range of popular formats below. Simply copy the code you need and paste it into your design tools.

Daylight Code Conversions

HEX
#FEDFCB
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Daylight Color Harmonies

Analogous

Analogous color schemes use colors next to Daylight (#FEDFCB) on the color wheel, creating a harmonious and serene visual experience for users.

#123456
#123456
#123456

Complementary

As opposites on the color wheel, complementary colors create a vibrant effect. Paired with Daylight, they produce a high-contrast, energetic combination.

#123456
#123456

Split Complementary

A split complementary palette provides high contrast with less tension. It pairs Daylight with the two colors that sit next to its direct complement.

#123456
#123456
#123456

Triadic

A triadic combination pairs Daylight with two other colors from equidistant points on the color wheel, resulting in a bold yet balanced harmony.

#123456
#123456
#123456

Tetradic

A tetradic scheme pairs Daylight (#FEDFCB) with three other colors, forming two complementary sets for a balanced yet dynamic visual composition.

#123456
#123456
#123456
#123456

Square

A square scheme selects four colors equidistant on the color wheel. Using Daylight as an anchor, this method yields a balanced and high-contrast palette.

#123456
#123456
#123456
#123456

Daylight Color Variations

Shades

Shades are darker versions of Daylight, created by adding black to give depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Daylight, created by adding white to achieve a softer look.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are muted versions of Daylight, created by adding gray to soften the saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Daylight, creating warmer, cooler, or more intense versions of the base color.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Daylight?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion