Tea Rose

Meet Tea Rose (#F4C2C2), a soft, muted pink with a subtle warmth. Its delicate balance between red and white gives it a gentle yet distinct presence, making it a versatile choice for modern user interfaces without being overpowering. It's a color with quiet confidence.

Tea Rose
#F4C2C2
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Tea Rose?

Tea Rose is a delicate, pale pink characterized by its distinct warm undertones.

This gentle, desaturated color feels both classic and airy, leaning more towards a sophisticated blush than a vibrant pastel.

What is the meaning of the color Tea Rose?

Tea Rose embodies a gentle and affectionate spirit, often associated with grace, sweetness, and gratitude. Its soft, muted quality evokes feelings of warmth, comfort, and a touch of nostalgia, making it a symbol of subtle appreciation.

Rooted in the 19th-century flower of the same name, the color carries a classic charm. Psychologically, this delicate pink is calming and reassuring, representing a more sophisticated and understated form of affection than its brighter counterparts.

How can I effectively apply Tea Rose in a UI design?

In UI design, Tea Rose (#F4C2C2) works beautifully as a gentle background or a subtle accent color. To create a striking visual hierarchy, pair it with deep charcoals, navy blues, or forest greens for sufficient contrast. For a softer, more harmonious feel, consider an analogous palette with creams, beiges, and other muted pinks to give an interface a warm and approachable quality.

While not a staple in corporate branding, colors similar to Tea Rose have been used effectively by brands like Warby Parker to cultivate a modern and friendly aesthetic. Its relative rarity presents an opportunity for a product to stand out and build a distinct visual identity in a crowded market.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Tea Rose (#F4C2C2) looks in real UI components from top brands.

How do I use the Tea Rose color codes?

The hex code for Tea Rose, #F4C2C2, is your primary reference for any digital work. While perfect for CSS and HTML, you will need to convert this value for use in other mediums or software.

Different applications require different color models. For example, digital screens construct color using the RGB (Red, Green, Blue) model, while commercial printers use the CMYK (Cyan, Magenta, Yellow, Key/Black) model for ink. Each system needs a specific code to reproduce #F4C2C2 accurately.

To simplify your workflow, we have converted #F4C2C2 into a range of popular formats. You can find and copy the exact codes you need for your project directly below.

Tea Rose Code Conversions

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

Tea Rose Color Harmonies

Analogous

Sitting beside Tea Rose on the color wheel, analogous colors produce a cohesive and tranquil palette, lending a sense of peace to any interface.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. For Tea Rose, its complement creates a striking, high-contrast visual pairing.

#123456
#123456

Split Complementary

The split complementary palette for Tea Rose pairs it with the two colors neighboring its opposite, creating a high-contrast look with less visual tension.

#123456
#123456
#123456

Triadic

A triadic scheme pairs Tea Rose with two other colors, all equally spaced on the color wheel, creating a bold and balanced palette.

#123456
#123456
#123456

Tetradic

Tetradic palettes pair Tea Rose with three other colors, creating a rich combination from two sets of complementary colors on the wheel.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors equidistant on the color wheel. With Tea Rose, this creates a vibrant, high-contrast palette with rich visual tension.

#123456
#123456
#123456
#123456

Tea Rose Color Variations

Shades

Shades of Tea Rose are created by adding black, giving the color more 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 Tea Rose, achieved by adding white to soften the hue.

#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

Adding gray to Tea Rose creates tones, resulting in a softer, less saturated hue.

#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 Tea Rose variations differing in intensity or temperature, affecting the overall mood.

#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 Tea Rose?

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

All Brands That Use Colors Like Tea Rose

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