Few neutral colors carry as much quiet history as khaki color.
Khaki is a warm, neutral tone that blends yellow, brown, and subtle green undertones into a muted, dusty hue. The color sits outside the standard color wheel as a quinary tone, with RGB values typically around (195, 176, 145).
From military uniforms to interior design and everyday fashion, it has stayed relevant across decades without ever demanding attention.
This guide covers everything about khaki: its color codes, shades, psychology, color pairings, and how to mix or apply it across design mediums.
Khaki Color Codes
Khaki sits in the warm neutral family, a dusty yellowish-brown that reads differently depending on the medium. The standard web color value is #C3B091, though CSS defines a lighter, more yellow version at #F0E68C. For most design and fashion contexts, #C3B091 is the reference point.
Here are the color codes across all major models:
- HEX: #C3B091
- RGB: 195, 176, 145
- CMYK: 0% Cyan, 10% Magenta, 26% Yellow, 24% Black
- HSL: 37deg, 29.4% Saturation, 66.7% Lightness
Khaki sits in the warm tones category on the color theory spectrum, carrying a hue angle around 37 degrees that places it firmly between yellow and orange. It is not a primary, secondary, or tertiary color. It is what color theorists classify as a quinary tone, a result of mixing two quaternary shades.
Understanding where khaki falls in RGB and CMYK matters if you are working across print and screen. The RGB model skews the color warmer on monitors, while CMYK print reproduction can pull it slightly more muted depending on paper stock and ink density.
If you need quick conversions between color formats, an RGB to HEX converter or a HEX to RGB converter will save you a lot of manual math. The same goes for print work, where an RGB to CMYK converter helps keep color accurate from screen to press.
Khaki also has a recognized Pantone equivalent, which is useful when specifying colors for brand materials or textile production where exact color matching is necessary.
—
Khaki Color Palettes
Khaki plays well with a wide range of colors. Below are the main color harmony types built around khaki (#C3B091), calculated from its position on the hue angle of 37 degrees.
| Harmony Type | Colors |
|---|---|
| Complementary | #C3B091 #91A4C3 |
| Split Complementary | #C3B091 #91C3B0 #B091C3 |
| Triadic | #C3B091 #91C3B0 #B091C3 |
| Tetradic | #C3B091 #91C3B0 #91A4C3 #B091C3 |
| Analogous | #C3B091 #C39791 #BDC391 |
| Monochromatic | #7A6E59 #A89876 #C3B091 #DDD0B5 |
Want to build palettes beyond these harmonies? A color palette generator will let you experiment with khaki as a base and find combinations you wouldn’t arrive at manually.
Khaki also pairs naturally with colors from adjacent palette families. If you’re working on something with an earthy, grounded feel, look at earth color palettes or warm color palettes for complementary directions. For a more subdued approach, neutral color palettes and muted color palettes tend to work well alongside khaki.
—
Khaki Shades
Khaki encompasses multiple variations including light khaki, standard khaki, dark khaki, sandy khaki, olive khaki, and warm tan khaki.
Each variation differs in saturation, brightness, and undertone composition, with some leaning lighter toward cream and others shifting darker toward brown or olive, creating distinct visual effects across applications.
| Shade Name | Color | HSL Value | RGB Value |
|---|---|---|---|
| Very Light Khaki | #EDE5CF | hsl(40, 47%, 87%) | rgb(237, 229, 207) |
| Light Khaki (CSS) | #F0E68C | hsl(54, 77%, 75%) | rgb(240, 230, 140) |
| Sandy Khaki | #D4C5A0 | hsl(40, 36%, 73%) | rgb(212, 197, 160) |
| Standard Khaki | #C3B091 | hsl(37, 29%, 67%) | rgb(195, 176, 145) |
| Dark Khaki | #BDB76B | hsl(56, 38%, 58%) | rgb(189, 183, 107) |
| Olive Khaki | #8B864E | hsl(55, 28%, 42%) | rgb(139, 134, 78) |
| Deep Khaki | #6B6234 | hsl(52, 34%, 31%) | rgb(107, 98, 52) |
The lighter tints lean creamy and are close to beige or sand. The darker tones push into olive green territory. Standard khaki sits right in the middle, which is part of why it works across so many contexts.
—
What Are the Primary Attributes of Khaki?
Khaki possesses five primary attributes: warm undertone (derived from yellow and brown pigments), low saturation (muted, dusty quality), medium lightness (neither pale nor dark), earth tone association (natural, outdoor feel), and strong neutrality (pairs easily with most colors).
—
How Is Khaki Used in Interior Design?
Khaki functions as a foundational neutral in interior design, creating calm, grounded spaces that feel approachable without being sterile.
Designers use khaki for wall paint, upholstery, and soft furnishings to build warm, organic environments that work across minimalist, Scandinavian, and earthy-modern styles.
It pairs well with natural wood, linen, and stone textures. The color’s low saturation means it doesn’t compete with accent colors, making it a reliable base for rooms where you want other elements to stand out.
Khaki walls read differently depending on light. In north-facing rooms it can feel slightly flat, so layering with warm lighting or cream accents helps. In south-facing rooms with natural light it really comes alive.
—
What Psychology and Emotions Does Khaki Evoke?
Khaki evokes feelings of stability, reliability, calm, and practicality through its association with natural earth tones and military heritage.
Color psychology research indicates khaki reduces visual noise, promotes a grounded emotional state, and creates low-stimulation environments that support focus and trust.
Its dusty, muted tone reads as unpretentious. It doesn’t demand attention. That’s actually part of its appeal in branding and UI design contexts where the goal is to communicate dependability rather than excitement.
On the negative end, overly brown-leaning khaki shades can read as dull or uninspired when used without contrast or texture to break things up.
—
How Is Khaki Applied in Fashion and Clothing?
Khaki serves as a wardrobe staple in fashion, offering quiet versatility through chinos, cargo pants, jackets, shirts, and outerwear.
Fashion designers use khaki for its ability to bridge casual and smart-casual contexts, its year-round wearability, and its capacity to anchor both neutral and bold outfit combinations across seasons.
It works on most skin tones, though warmer complexions tend to get a bit more from it than very cool undertones. The color’s military origin gives it a functional, no-fuss aesthetic that has carried through to contemporary streetwear, workwear, and outdoor apparel.
These days, khaki shows up far beyond pants. Outerwear, footwear, bags, and even accessories in this tone have become common. It’s one of those colors that quietly became everywhere without anyone really announcing it.
—
What Colors Complement and Contrast With Khaki?
Khaki complements navy blue, white, burgundy, olive green, and warm brown while contrasting effectively with teal, dusty blue-gray, and soft purple.
These color combinations create grounded, cohesive palettes that use khaki’s neutral warmth as an anchor for both subtle and more expressive color directions.
Complementary Colors
Khaki + Navy Blue
- Color Theory Basis: High value contrast between khaki’s warmth and navy’s depth creates balance without tension
- Visual Effect: Classic, trustworthy, slightly preppy
- Best Applications: Fashion, interior accents, brand identity
- Ratio Recommendations: 60% khaki, 30% navy, 10% white or cream
- Example Uses: Chino-and-blazer outfits, coastal interior design, logo pairings
Khaki + White
- Color Theory Basis: White amplifies khaki’s warmth by providing high-contrast neutral pairing
- Visual Effect: Clean, airy, structured
- Best Applications: Web design backgrounds, summer fashion, minimalist interiors
- Ratio Recommendations: 50% white, 40% khaki, 10% dark accent
- Example Uses: Product packaging, editorial layouts, bedroom design
Khaki + Burgundy
- Color Theory Basis: Burgundy’s cool-warm mix adds depth and richness to khaki’s flat, earthy tone
- Visual Effect: Warm, sophisticated, slightly autumnal
- Best Applications: Autumn fashion, home textiles, branding for premium goods
- Ratio Recommendations: 70% khaki, 20% burgundy, 10% cream
- Example Uses: Fall outfit layering, leather-accented interiors, wine brand packaging
Khaki + Olive Green
- Color Theory Basis: Analogous relationship on the warm-neutral spectrum, shares yellow and brown base tones
- Visual Effect: Natural, earthy, outdoorsy
- Best Applications: Outdoor and adventure branding, nature-themed interiors, workwear
- Ratio Recommendations: 60% khaki, 30% olive, 10% tan
- Example Uses: Military-inspired fashion, eco-brand packaging, trekking gear
Contrasting Colors
Khaki + Teal
- Contrast Type: Warm-cool contrast, not strict complementary
- Visual Impact: Refreshing, balanced energy, moderate contrast
- Best Applications: Interiors, summer fashion, UI color pairing
- Balance Strategies: Keep teal as a 20-30% accent, let khaki dominate as the base
Khaki + Dusty Blue-Gray
- Contrast Type: Warm-cool tension with low saturation on both sides
- Visual Impact: Soft, muted contrast that reads as sophisticated rather than bold
- Best Applications: Scandinavian-inspired interiors, minimalist branding, editorial design
- Balance Strategies: Equal ratios work here since both tones are low-saturation
Khaki + Soft Purple
- Contrast Type: Split-complementary, unexpected pairing
- Visual Impact: Subtle, slightly eclectic, works better in fashion than interiors
- Best Applications: Contemporary fashion, mood boards, lifestyle branding
- Balance Strategies: Use purple sparingly as an accent, 10-15% maximum
Color Scheme Types
- Monochromatic: Combine very light khaki (#EDE5CF), standard khaki (#C3B091), dark khaki (#BDB76B), and deep khaki (#6B6234) for a layered, tonal look
- Analogous: Pair khaki with sandy beige and muted olive for a natural, cohesive palette that feels organic
- Triadic: Khaki + dusty teal + muted mauve, evenly spaced on the wheel for a balanced, three-tone scheme
- Split-Complementary: Khaki + dusty blue-green + soft lavender, lower tension than a strict complement
- Tetradic: Khaki + muted teal + soft blue-gray + dusty mauve, best for complex multi-surface design like interiors or packaging
Practical Pairing Guidelines
- 60-30-10 Rule: Use khaki as the dominant 60% base, a mid-tone like navy or olive as the 30%, and a sharp accent like burgundy or teal at 10%
- Accent Color Strategy: Khaki works best as the base, not the accent. When used as an accent against dark backgrounds, it can lose definition
- Neutral Bridging: Cream, warm white, and light gray all bridge khaki to bolder colors without creating visual breaks
—
How Does Khaki Differ From Similar Neutral Colors?
Khaki differs from beige (lighter, cleaner, closer to white), tan (warmer, more orange-leaning), taupe (grayer, cooler undertone), and olive (more green, darker saturation) through its specific balance of yellow, brown, and a subtle dusty quality that makes it feel flat and utilitarian.
Visual Comparison Chart
| Color Name | HEX Code | RGB Values | Key Difference | Best Use Case |
|---|---|---|---|---|
| Khaki | #C3B091 | 195, 176, 145 | Dusty, muted, warm neutral baseline | Fashion, military-inspired design, neutral interiors |
| Beige | #F5F0E8 | 245, 240, 232 | Much lighter, near off-white, minimal warmth | Interior walls, upholstery, cosmetics |
| Tan | #D2B48C | 210, 180, 140 | Warmer, orange-red undertone, less dusty | Leather goods, footwear, classic menswear |
| Taupe | #B5A99A | 181, 169, 154 | Cooler, grayer, between gray and brown | Modern interiors, minimalist design, fashion neutrals |
| Olive Green | #808000 | 128, 128, 0 | Stronger green cast, darker, more saturated | Military aesthetics, outdoor branding, earthy fashion |
—
How Do You Create Khaki in Different Mediums?
Create khaki by mixing orange and blue to form a base brown, then lightening with white in paint. In digital design, set RGB values to approximately (195, 176, 145), ensuring the warm yellow-brown quality dominates the mixture for accurate color reproduction.
Acrylic Paint
- Base colors needed: Orange, blue, white (or raw umber/yellow ochre from tube)
- Mixing ratio: Start with a large portion of orange, add small amounts of blue until brown forms, then mix in white to lift toward khaki
- Step-by-step: (1) Mix orange and blue at roughly 3:1 to create brown; (2) add titanium white gradually; (3) add a small touch of yellow ochre if too gray; (4) compare against reference swatch
- Common mistakes: Adding too much blue turns the mix cold; too much white makes it chalky rather than warm
- Adjustment tips: A drop of yellow cadmium warms it back up; a touch of raw umber deepens it without cooling
Alternatively, mixing equal parts sage and buff (both quaternary tones) produces a clean quinary khaki without starting from primaries. Faster and more predictable.
Oil Paint
- Pigments: Yellow Ochre (PY43), Raw Umber (PBr7), Titanium White (PW6)
- Mixing technique: Oils blend slowly, so mix on a glass palette and let colors integrate before assessing; avoid over-mixing
- Drying considerations: Raw Umber can slightly darken and shift toward brown as oil paint cures; test on a scrap surface first
Watercolor
- Pigment selection: Yellow Ochre (transparent) plus a touch of Burnt Sienna and Neutral Tint or Payne’s Gray
- Dilution: Start with a moderate wash; khaki loses its identity if too diluted (becomes a pale yellow) or too saturated (looks like ochre)
- Layering: Build in two passes. First a yellow-ochre wash, then a second diluted warm brown layer once dry to add depth and dustiness
Gouache
- Gouache is more forgiving for khaki because its opacity masks mixing inconsistencies
- Mix Yellow Ochre with a small amount of Burnt Umber and Titanium White; add a tiny touch of Lamp Black only if the tone needs flattening
- Drying shift: Gouache dries slightly lighter, so mix a shade darker than your target and test on paper before committing
Print/CMYK
- Cyan: 0%
- Magenta: 10%
- Yellow: 26%
- Black: 24%
- Printing considerations: Uncoated stocks pull more yellow from this mix, shifting it warmer; coated stocks keep it closer to screen appearance
- Pantone matching: Pantone 7530 C or Pantone 453 C are close equivalents depending on which khaki variant you’re working from
For digital-to-print workflows, use an CMYK to RGB converter to verify color accuracy before sending to press. A soft-proof step in your design tool will also help catch shifts before they become expensive print corrections.
—
What Are the Best Practices for Using Khaki in Design?
Best practices for khaki include using it as a dominant base rather than a small accent, pairing it with colors that have enough value contrast, testing it under different lighting conditions, and avoiding combining multiple low-saturation neutrals without a focal point.
Designers should watch accessibility when using khaki for text or UI elements. Its medium lightness (LRV around 45) means it can fail contrast requirements against white or light backgrounds.
Use a color contrast checker before finalizing khaki in any text-based context. WCAG AA requires a minimum 4.5:1 ratio for body text.
In web and graphic work, khaki works best as a background or secondary surface color. It doesn’t carry enough visual weight to anchor a layout on its own without supporting structure from visual hierarchy decisions like typography weight and spacing.
For brand work, applying graphic design principles like contrast and emphasis ensures khaki-heavy palettes don’t collapse into visual sameness. The color needs contrast partners to perform well.
—
What Role Does Khaki Play in Branding and Marketing?
Khaki plays a stabilizing role in branding and marketing, communicating reliability, practicality, and an unpretentious authenticity to consumers.
Marketing research indicates khaki reduces perceived risk and increases trust signals, making it effective for outdoor, lifestyle, and heritage brands seeking a grounded, dependable brand perception.
It’s a popular choice for brands that want to signal quality without appearing flashy. Think workwear labels, organic and eco-conscious products, and outdoor equipment companies. The color’s military and functional heritage transfers credibility through visual association.
For brand identity work, brand guidelines that incorporate khaki typically pair it with natural materials, clean typography, and minimal ornamentation. The color does a lot of the trust-building work on its own. Adding too many competing elements undermines that.
Khaki also appears often in mood boards for brands targeting the 25-45 demographic, where the associations with practicality and understated taste resonate strongly. It’s not a color that shouts, which is exactly why certain markets respond to it.
FAQ on Khaki Color
What color is khaki?
Khaki is a warm, muted neutral that falls between tan, beige, and olive green. Its dusty yellow-brown tone comes from a mix of yellow, brown, and subtle green pigments. The standard hex code is #C3B091, with RGB values of 195, 176, 145.
Is khaki a shade of green or brown?
Technically both, depending on the variant. Traditional khaki leans brown with yellow undertones. The CSS web color version (#F0E68C) pulls more yellow-green. Most people in fashion and design work with the warmer brown interpretation.
What colors go with khaki?
Khaki pairs well with navy blue, white, burgundy, olive green, and warm brown. For contrast, teal and dusty blue-gray work without overwhelming it. It is one of the more forgiving neutral color palette anchors available.
What is the difference between khaki and beige?
Beige is lighter, closer to off-white, and reads cleaner. Khaki is darker and carries a distinctly dusty, earthy quality. Beige feels airy. Khaki reads more utilitarian, which is partly why it stuck around in workwear and outdoor apparel.
Where does the word khaki come from?
The word comes from the Urdu and Persian word meaning “dusty” or “soil-colored.” British military forces adopted it in India during the 1840s. The name described both the fabric color and its practical camouflage function in desert and arid terrain.
What is khaki used for in interior design?
Khaki works as a foundational wall color, upholstery base, and soft furnishing tone. It creates warm, grounded rooms without competing with accent colors. It suits minimalist, Scandinavian, and earthy-modern styles particularly well.
What emotions does khaki evoke?
Khaki evokes stability, calm, and quiet reliability. Color psychology links it to practicality and trust, largely because of its military heritage. It rarely excites, but it consistently reassures, which makes it useful in healthcare and financial branding.
How do you mix khaki with acrylic paint?
Mix orange and blue to create brown, then lighten with titanium white. Alternatively, blend yellow ochre or raw umber directly with white. A small touch of yellow cadmium warms it back up if the mix goes too gray or cool.
Is khaki a warm or cool color?
Khaki is a warm neutral. Its hue angle sits around 37-40 degrees in the HSL model, placing it firmly in yellow-orange territory. That warmth is exactly what makes it compatible with other earth tones like tan, sand, and olive.
What is the difference between khaki and olive green?
Olive green carries a much stronger green cast and sits at higher saturation. Khaki is lighter, dustier, and more brown-leaning. Think of olive as what happens when you push khaki’s green undertone further and deepen the overall value.
Conclusion
This conclusion is for an article presenting khaki color as one of the most dependable warm neutrals in design, fashion, and branding.
Its earth tone palette sits at a unique intersection of practicality and quiet sophistication, making it useful across contexts where other colors would feel forced or out of place.
Whether you are working with CMYK values for print, building a color palette for a living space, or pairing it with navy blue in an outfit, khaki delivers consistency without demanding attention.
Few colors manage to feel both timeless and adaptable across so many applications. Khaki does exactly that, and that is why it has stayed relevant for well over a century.
- The Airtable Logo History, Colors, Font, And Meaning - 12 July 2026
- How to Blur Background in Canva: A Quick Tutorial - 11 July 2026
- Typography Trends - 10 July 2026