White Cameo
Meet White Cameo (#F7F0E8), a warm off-white that offers a gentle alternative to stark clinical whites. Its subtle peachy undertone provides a soft, inviting foundation, giving digital canvases a touch of nuanced character without overwhelming the design.
What color is White Cameo?
White Cameo is a soft, warm off-white with a subtle peachy undertone, giving it a gentle, creamy quality.
It leans towards the warmer end of the color spectrum, carrying a delicate tint that distinguishes it from cooler, more clinical whites.
What is the meaning of White Cameo in design?
White Cameo evokes a sense of calm, purity, and understated elegance. Its subtle warmth moves it away from the starkness of pure white, creating a soft, inviting atmosphere that feels both clean and comfortable.
The name itself hints at its symbolism, recalling the classic artistry of carved cameos. This connection gives the color a timeless quality, representing heritage, sophistication, and a quiet, enduring beauty.
How to use White Cameo in UI design?
White Cameo (#F7F0E8) serves as an excellent primary background, offering a warmer, more inviting alternative to pure white. To maintain readability, create strong contrast by pairing it with deep, saturated colors like charcoal gray, navy blue, or earthy forest greens. This approach builds a balanced and sophisticated visual system.
While not a dominant color across the web, this warm off-white is used effectively by brands like Givingli and Blank Street. They apply similar shades to cultivate an identity that feels both premium and approachable, making White Cameo a fine choice for designs that aim for quiet confidence.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview White Cameo in real UI components of top brands.
Using White Cameo color codes
When working with White Cameo, consistency is key. Using the specific hex code #F7F0E8 ensures your digital products maintain color accuracy across different screens and devices. This precision is fundamental for a polished and professional appearance.
While #F7F0E8 is the standard for web development, other formats serve different purposes. RGB (Red, Green, Blue) is the native language of digital displays, while CMYK (Cyan, Magenta, Yellow, Key) is essential for print work. Other models like HSL, LAB, and LCH offer different ways to define and adjust color based on hue, saturation, lightness, and perception.
To help you apply White Cameo in any project, we have converted #F7F0E8 into a full spectrum of color codes. You can find these values below, ready to copy for your design software or codebase.
Analogous
Analogous colors are neighbors on the color wheel. When paired with White Cameo, they create a harmonious and serene visual experience for users.
Complementary
Complementary colors are opposites on the color wheel. When paired with White Cameo, its complement creates a striking, high-contrast visual effect.
Split Complementary
Split complementary colors create a vibrant, balanced palette. This scheme uses the two colors that sit on either side of White Cameo's direct complement.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With White Cameo, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
A tetradic palette for White Cameo uses two pairs of complementary colors, forming a rich, four-color combination with great creative potential.
Square
A square scheme pairs White Cameo with three other colors, all evenly spaced on the color wheel for a balanced, high-contrast look.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of White Cameo are created by mixing in black, adding weight and visual depth.
Tints
Tints are lighter versions of White Cameo, achieved by mixing in white for a softer appearance.
Tones
Tones of White Cameo are created by mixing in gray, resulting in a softer, desaturated appearance.
Hues
Hues are variations of White Cameo, differing in intensity or temperature to create unique effects.
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.

































































































































