Candle Light

Introducing Candle Light (#F5F1D9), a delicate off-white with a distinct, creamy character. This hue offers a sophisticated alternative to stark white, distinguished by a soft, buttery undertone that provides a quiet warmth without overwhelming a composition. It's a foundational color with a subtle presence.

Candle Light
#F5F1D9
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Candle Light?

Candle Light is a soft, creamy off-white with a distinctively warm, yellow undertone, giving it a gentle and inviting appearance.

Its high brightness and low saturation create a subtle, airy quality, making it feel like a whisper of color rather than a solid yellow.

What is the meaning of the color Candle Light (#F5F1D9)?

The color Candle Light, #F5F1D9, carries the psychological weight of soft illumination and gentle warmth. It suggests the quiet intimacy and tranquility of a room lit only by a flame, creating a feeling of comfort and peace.

Symbolically, it represents hope and clarity, much like a single light in the dark. Its historical connection to pre-electric eras gives it a timeless quality, evoking nostalgia and a sense of serene, understated elegance.

How can I use Candle Light in UI design?

As a background, Candle Light (#F5F1D9) creates a soft, inviting canvas that helps darker text and UI elements stand out. It pairs beautifully with deep, earthy tones like forest green and rich terracotta for a natural feel. For a more dynamic combination, try matching it with a complementary color, such as a muted navy blue, to create a sophisticated and balanced design.

You won’t find many major brands built around a color like Candle Light. This scarcity, however, is an opportunity. Choosing a subtle, warm off-white for your visual identity can signal quiet confidence and help a product stand apart in a market filled with bolder, more conventional primary colors.

To see how Candle Light performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #F5F1D9 in real UI components from top brands.

Using Candle Light color codes?

While #F5F1D9 is the go-to hex code for using Candle Light in web development, you'll need different codes for other applications. Every design medium, from digital screens to printed brochures, has its own color language.

For instance, RGB values are essential for any screen-based work, as they define color through light. For print, you'll need the CMYK equivalent, which is based on ink pigments. Other models like HSL offer a more intuitive way to adjust saturation and lightness, while LAB and LCH are built around human perception.

To make your workflow easier, we've converted Candle Light (#F5F1D9) into a variety of popular formats. You can find and copy the exact codes you need for your project below.

Candle Light Code Conversions

HEX
#F5F1D9
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

Candle Light Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Candle Light, they create a harmonious and serene visual effect, perfect for calm designs.

#123456
#123456
#123456

Complementary

Complementary colors sit directly opposite each other on the color wheel. Paired with Candle Light, they produce a vibrant, high-contrast combination.

#123456
#123456

Split Complementary

For a high-contrast yet harmonious look, a split complementary palette pairs Candle Light with the two colors adjacent to its direct complement.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Candle Light as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme pairs Candle Light with three other hues, forming two complementary pairs for a rich and balanced four-color palette.

#123456
#123456
#123456
#123456

Square

The square scheme pairs Candle Light with three other colors, all equidistant on the color wheel, for a balanced yet highly contrasting effect.

#123456
#123456
#123456
#123456

Candle Light Color Variations

Shades

Adding black to Candle Light creates shades, which introduce a sense of 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 of Candle Light are created by adding white, resulting in softer, lighter variations.

#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 created by mixing Candle Light with gray, which softens its overall 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 Candle Light, differing in intensity or temperature to create distinct moods.

#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 Candle Light?

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

All Brands That Use Colors Like Candle Light

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