#EFE0CD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Buttercream is a pale, airy tone with bleached orange and grey undertones. Because it offers a high contrast ratio with black text, it functions as an excellent, readable background for minimalist UI designs. The hex code for this shade is #efe0cd. Avoid pairing it with stark white, as it can appear muddy; instead, use it alongside deep charcoal or warm slate to maintain its clean, delicate appearance.
About Buttercream
Frosting scraped thin over warm shortbread
What does buttercream mean?
People often read it as softness and simple comfort, the color of baked goods, unbleached paper, and plain, homey things. Its high lightness and very low saturation make it faded and delicate, a warm beige so pale it Nearly reads as grey.
Where you see buttercream
- frosting
- oat milk
- unbleached paper
- white chocolate
- dry sand
- worn linen
What it works for
Use it as a background that adds warmth without weight, behind dark text, earthy accents, or hand drawn packaging layouts.
What colors go with buttercream?
Terracotta #e2725bShared orange undertones let the deeper clay shade feel related, not contrasted.Sage #9caf88The muted green cools this pale warmth and keeps both colors from feeling sugary.Espresso #4e312dDark brown grounds the pale beige and echoes it at full strength.Slate Blue #6a5acdCool grey blue shared with Buttercream's grey edge makes the pairing soft and balanced.Olive #808000The dry green gives this delicate tint a sturdy, grown up counterpart.Oxblood #800020The deep red leans on the pale background and reads richer beside it.
Questions about Buttercream
What is the hex code for Buttercream?
Buttercream is #efe0cd. In RGB that is rgb(239, 224, 205), in HSL hsl(34, 52%, 87%) and in CMYK 0%, 6%, 14%, 6%.
Is Buttercream readable on white or black?
Buttercream has a 1.29:1 contrast ratio on white and 16.21:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.