Butter Rum
Meet Butter Rum (#B0A596), a sophisticated neutral that balances warmth and subtlety. This muted beige possesses a quiet strength, offering a refined alternative to stark grays or creams. Its understated character provides a solid foundation for any design palette without demanding the spotlight.
What color is Butter Rum?
Butter Rum is a soft, warm neutral that occupies the space between a light tan and a muted greige.
Its warmth stems from a yellow-orange base, balanced by a soft gray undertone that keeps the color sophisticated and grounded.
What is the meaning behind the color Butter Rum (#B0A596)?
Butter Rum evokes a sense of warmth, comfort, and stability. It's a grounded color that suggests reliability and a connection to the natural world, creating a feeling of quiet reassurance.
Symbolically, the color represents understated elegance and authenticity. Its name conjures feelings of cozy indulgence, making it a choice for designs that aim for a timeless, sophisticated appeal.
How can I use Butter Rum in UI design?
In UI and web design, Butter Rum (#B0A596) serves as an excellent warm, neutral foundation—a softer alternative to stark whites or grays. For a sophisticated effect, pair it with other earthy tones and off-whites to build a monochromatic palette. To make interactive elements stand out, contrast it with deep blues, forest greens, or a sharp black for text and icons.
While not a dominant color in mainstream branding, its subtlety is part of its appeal. You can see similar warm, approachable neutrals in the branding for companies like Claude. The relative rarity of Butter Rum presents an opportunity for a product to establish a unique visual identity that feels both modern and comforting.
To see how Butter Rum works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #B0A596 in real UI components from top brands.
How do I use the Butter Rum color codes?
Working with Butter Rum, or #B0A596, is all about knowing where you plan to apply it. This sophisticated neutral adapts well, but its final appearance depends on the color model you use.
Every design project has its own requirements. While #B0A596 is the go-to for web development, you'll need its RGB (Red, Green, Blue) equivalent for digital screen work or its CMYK (Cyan, Magenta, Yellow, Key) values for anything destined for print. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To make things simple, we've converted #B0A596 into a full spectrum of popular color codes. You can find them below, ready to copy and paste directly into your project.
Analogous
Analogous colors are neighbors on the color wheel. For Butter Rum, these adjacent hues create a harmonious and visually soothing palette, perfect for serene designs.
Complementary
Colors on the opposite side of the color wheel are complementary. Paired with Butter Rum, these hues offer the highest possible contrast and vibrancy.
Split Complementary
For a more nuanced contrast, a split complementary palette pairs Butter Rum with the two colors neighboring its direct opposite on the color wheel.
Triadic
Triadic schemes use three colors equidistant on the color wheel. When built around Butter Rum, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
For Butter Rum, a tetradic scheme pairs it with its complement, plus another complementary pair, creating a rich, four-color harmony.
Square
Square color schemes pair four colors equidistant on the color wheel. The result is a lively, high-contrast combination built around Butter Rum.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Butter Rum are created by adding black, giving the color more depth and weight.
Tints
Tints are lighter versions of Butter Rum, created by adding white for a softer look.
Tones
Tones of Butter Rum are created by adding gray, resulting in softer, more muted variations.
Hues
Hues vary Butter Rum's intensity and temperature, subtly altering the color's overall feeling.
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.

























































































































