Grullo
Meet Grullo (#A99A86), a complex neutral that balances warmth and coolness. Its muted, earthy quality provides a sophisticated foundation, offering a subtle alternative to typical grays and beiges, making it a versatile choice for modern digital palettes.
What color is Grullo?
Grullo is a warm, muted gray characterized by its noticeable brown or tan undertones.
This earthy hue sits between a classic beige and a cool slate, giving it a soft, sophisticated presence.
What is the meaning behind the color Grullo (#A99A86)?
Grullo imparts a feeling of grounded stability and quiet sophistication, suggesting balance and reliability.
Its meaning is tied to the natural world, symbolizing an understated and timeless form of strength.
How can I use Grullo in UI design?
Grullo’s muted character makes it a versatile supporting color. For strong readability, pair #A99A86 with deep charcoals or soft, creamy whites. To build a more dynamic palette, consider introducing cooler accents like slate blue or forest green. Applying the 60-30-10 principle, Grullo works well as a sophisticated secondary color that adds warmth without overwhelming a design.
While not a mainstream choice for brand identities, colors in the Grullo family appear in the UI of apps like Telegram, often as a calming background or accent. Its rarity in branding presents an opportunity; using #A99A86 can help a product stand out with a grounded, elegant, and unconventional aesthetic.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Grullo in real UI components from leading brands.
Using Grullo color codes
When working with the color Grullo, you will most often start with its hex code, #A99A86. This code is the standard for defining colors on the web, but it is just one of many ways to represent this specific shade in your design tools.
Different projects require different color models. For digital work, you will convert the hex code to its RGB (Red, Green, Blue) values, which dictate how screens produce color with light. For print materials, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalent, which guides the mix of physical inks. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To support your workflow, we have converted #A99A86 to a range of popular formats below. Simply find the code you need and copy it for your project.
Analogous
Analogous colors are neighbors on the color wheel. For Grullo, these combinations create a harmonious and visually pleasing palette, often perceived as serene.
Complementary
As opposites on the color wheel, complementary colors create a high-contrast pairing. Next to Grullo, its complement will appear especially vibrant and distinct.
Split Complementary
A split complementary scheme for Grullo pairs it with the two colors adjacent to its direct complement, creating a vibrant yet balanced palette.
Triadic
Triadic palettes use three hues equidistant on the color wheel. With Grullo as a base, this combination offers a bold, multicolored, and balanced look.
Tetradic
A tetradic scheme for Grullo uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
A square color scheme pairs Grullo with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Grullo are created by adding black, which produces darker tones for depth and weight.
Tints
Tints of Grullo are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Grullo are created by adding gray, which softens the color's saturation.
Hues
Hues are variations of Grullo (#A99A86) that alter its intensity and temperature.
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.
