What Color Is Khaki? A Practical Guide for Logo Palettes
Khaki is a muted, light brownish tan, but 'khaki' in CSS is a pale yellow. Here is how to define khaki reliably in a vector logo palette.
Contents
The short answer
Khaki is a muted, light brownish tan: a dusty earth tone between beige and olive-tinged brown. The name has no single fixed value. Depending on the fabric, paint brand or digital standard, khaki can lean sandy, greenish or yellowish. For logo work, treat khaki as a family of colors. Choose one exact shade and record it as numeric values in the artwork.
Where the name comes from
The word comes into English from Hindi-Urdu khaki, meaning dust-colored, which in turn derives from the Persian word for dust or earth. It became widely known in the mid-nineteenth century, when British military units in India adopted dust-colored uniforms. These were less conspicuous than traditional bright uniforms. That history explains the color's character: it was named for soil and dust, not defined by a measurement, so the shade varied with dyes and cloth.
Traditional khaki versus 'khaki' in web color names
Designers often run into a naming mismatch. The CSS named color 'khaki' is #F0E68C (RGB 240, 230, 140), a pale, fairly saturated yellow. Few people would match it to khaki trousers. CSS also defines 'darkkhaki' as #BDB76B (RGB 189, 183, 107), an olive-leaning tan that sits closer to the everyday sense of the word. Neither is the traditional fabric khaki. Typing 'khaki' as a color name in code or a design tool may therefore give you a different color from the one your client pictures.
| Reference | Value | Visual character |
| CSS named color 'khaki' | #F0E68C / RGB 240, 230, 140 | Pale, light yellow |
| CSS named color 'darkkhaki' | #BDB76B / RGB 189, 183, 107 | Muted olive-tan |
| Traditional or fabric khaki | No single standard value | Dusty light brown to tan, varies by source |
What this means for a vector logo palette
The name 'khaki' alone is too ambiguous to specify a brand color. These practices make the color hold up across vector files and deliverables:
- Pick the exact shade visually against your other palette colors, then record it numerically. Do not rely on the word 'khaki' or a preset swatch name.
- Define separate values for each output: HEX and RGB for screens, CMYK for process print, and a spot color if the brand uses one. A spot color must be chosen from a physical guide; the source material for this article does not identify any spot-color matches for khaki.
- Set the color as a global or named swatch in the vector file, so changing it once updates every path that uses it.
- Expect CMYK conversions to shift. Muted earth tones can drift toward gray, green or pink depending on the color profile and paper, so proof on the intended stock.
- Do not sample the color from a JPEG, PNG or screenshot of an existing logo and treat it as the master value. Raster previews and embedded images can carry compression and profile shifts. Take the value from the source vector file or the brand guidelines.
Using khaki well in a logo
Khaki is a light, low-saturation color, which shapes how it behaves in a logo. On a white background, a pale khaki mark or wordmark can lack contrast. It usually works better as a background, a secondary accent, or paired with a dark companion such as deep brown, olive, navy or charcoal. White text on a light khaki is often hard to read, so check legibility at small sizes and in one-color versions. Khaki tends to suggest outdoor, utilitarian, natural or heritage qualities. That is an associative reading, not a fixed rule, and it should be weighed against the brand's own positioning.
Gaps in the available evidence
This article relies on general, verifiable color knowledge and the documented CSS color definitions. No specific brand guideline, logo file or test print was supplied, so it gives no inspected file findings and no measured print results. It also gives no Pantone or other spot-color equivalents for khaki. If you are matching an existing brand's khaki, the authoritative values should come from that brand's style guide or original vector artwork. Having access to a logo file does not by itself grant permission to modify or reuse its colors, artwork or trademarks.