Olive Drab
Olive Drab (#647E00) is a distinctive shade that commands attention. Its unique position between a muted earth tone and a vibrant lime gives it a striking character, making it a compelling choice for modern digital palettes.
What color is Olive Drab?
Olive Drab is a muted, earthy green characterized by its significant yellow and brown undertones. This gives the color a distinctly warm and grounded appearance, reminiscent of the natural world.
While the specific shade is #647E00, the color can present with slight variations, sometimes leaning more towards a grayish or brownish cast, which adds to its complex and versatile nature.
What is the meaning of the color Olive Drab?
Historically rooted in military camouflage, Olive Drab embodies strength, discipline, and a deep connection to the natural world.
The color #647E00 often suggests seriousness and stability, carrying a dual symbolism of both peace and conflict that offers a rich narrative for design.
How can I use Olive Drab (#647E00) in UI design?
In UI design, Olive Drab works well as both a foundational background and a sharp accent color. Pair it with neutrals like cream, beige, and charcoal for a sophisticated, earthy palette. To create a more striking composition, contrast it with vibrant colors like mustard yellow, terracotta, or a deep navy blue; its muted character makes brighter elements pop.
While not a common choice in branding, some apps like Whering build their visual identity around similar greens. This relative rarity means Olive Drab can be a strong choice for brands wanting to project a grounded, organic, or utilitarian image and stand apart from competitors.
To see how Olive Drab works in practice, use the tools below. You can explore curated palettes, test the contrast of #647E00 for accessibility, and preview the color in real UI components from leading apps.
Using Olive Drab color codes
To use Olive Drab in your digital projects, you'll most often start with its hex code, #647E00. However, depending on your medium—whether it's a screen or a printed piece—you'll need to convert this value into a different format.
Color models like RGB are standard for digital displays, defining colors by mixing red, green, and blue light. For print work, you'll need the CMYK values, which correspond to ink colors. Other models, such as HSL, offer a more intuitive way to modify color by adjusting its hue, saturation, and lightness.
To make things simple, we've converted Olive Drab (#647E00) into a variety of popular color code formats. You can find them below, ready to copy and paste directly into your design tools.
Analogous
By pairing Olive Drab with its neighbors on the color wheel, you create an analogous scheme that feels cohesive, balanced, and naturally calm.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Olive Drab, its complement creates a striking, high-contrast visual pairing.
Split Complementary
A split complementary scheme takes Olive Drab's opposite color and uses the two colors on either side, creating a vibrant yet balanced palette.
Triadic
Triadic palettes pair Olive Drab with two additional hues from equidistant points on the color wheel, creating a balanced yet colorful combination.
Tetradic
A tetradic color scheme for Olive Drab uses two pairs of complementary colors, forming a rich, four-color harmony for your designs.
Square
The square color scheme pairs Olive Drab with three other colors, all evenly spaced on the color wheel for a lively, high-contrast effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By mixing in black, shades of Olive Drab introduce a sense of depth and gravity.
Tints
Tints are lighter values of Olive Drab, made by adding white for a softer appearance.
Tones
Tones are muted versions of Olive Drab created by adding gray, which softens its saturation.
Hues
Hues are variations of Olive Drab, differing in intensity or temperature to create distinct moods.
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.

























































































































