Not quite gold, not quite mustard. Dark yellow sits in that specific warm territory most people recognize instantly but struggle to name precisely.

It is a warm tertiary color produced by combining pure yellow with brown or black pigment, pulling the hue toward ochre and amber. The color carries strong earth tone associations and functions as a mid-range value on the color wheel, with RGB values typically around (155, 135, 12).

This guide covers everything from its hex code and CMYK values to color combinations, psychology, and practical uses in design and fashion.

Dark Yellow Color Codes

The most widely referenced dark yellow hex code is #9B870C, a rich, earthy tone that sits firmly between golden yellow and amber on the color wheel. It belongs to the warm tones family and reads as a tertiary color with strong yellow dominance.

Below are the color space values for dark yellow:

  • HEX: #9B870C
  • RGB: 155, 135, 12
  • CMYK: C: 0%, M: 13%, Y: 92%, K: 39%
  • HSL: 52°, 86%, 33%

In the RGB color model, dark yellow is built from a high red value and a moderately high green value, with almost no blue. That low blue component is what keeps it warm and pushes it away from olive or chartreuse territory.

If you’re working in print, the CMYK breakdown shows a heavy yellow channel with a significant black key. That black is what pulls standard yellow down into darker territory. Worth noting: printed results can shift slightly depending on paper stock and ink profile, so always run a test print before finalizing.

Need to convert between formats? Use an RGB to HEX converter or a HEX to RGB converter to get precise values for your workflow. For print production, an RGB to CMYK converter saves a lot of guesswork.

The HSL to RGB converter is also useful when you’re working in CSS and need to fine-tune lightness or saturation without changing the core hue.

On the color wheel, dark yellow sits at roughly 52 degrees hue. That places it between pure yellow (60 degrees) and orange-yellow (around 45 degrees), giving it an earthy, grounded quality. It’s a warm color through and through. No cool undertones, no ambiguity.

What role does color play in design and marketing?

Dive into the latest color statistics: psychology in branding, consumer preferences, design trends, and data on color impact.

Explore the Numbers →

The hue value is the starting point for understanding how dark yellow relates to other colors. Its saturation at 86% means it’s still punchy enough to read clearly, not washed out or muddy.

For a full reference of color names and codes, the color names guide is worth bookmarking. And if you want to build a palette around dark yellow, a color palette generator can speed things up considerably.

Dark Yellow Color Palettes

Dark yellow works across multiple color theory schemes. The table below shows how it interacts across different harmony types.

Harmony Type Colors
Complementary #9B870C
#0C2099
Split Complementary #9B870C
#1A0C99
#990C30
Triadic #9B870C
#0C9B1A
#870C9B
Tetradic #9B870C
#0C9B87
#0C2099
#990C1A
Analogous #9B870C
#9B5A0C
#9B9B0C
Monochromatic #4D4306
#9B870C
#C9B012
#F0D535

The complementary pairing with deep indigo-blue is especially strong. Dark yellow and navy or violet create a sharp visual tension that reads as both classic and bold. It’s why you see this combo in everything from academic crests to craft beer labels.

If you want something softer, the analogous palette of golden brown and yellow-green keeps things warm and cohesive. Good for packaging, editorial layouts, and autumn-themed branding.

Dark Yellow Shades

Dark yellow encompasses several variations including deep gold, mustard, ochre, amber, harvest gold, and dark saffron.

Each shade differs in saturation and brightness, with some leaning lighter toward a classic golden yellow and others pulling darker toward brown-toned ochre, creating distinct visual effects depending on the application.

Shade Name Color HSL Value RGB Value
Light Golden Yellow #F0D535 hsl(50, 85%, 57%) rgb(240, 213, 53)
Mustard Yellow #D4AC0D hsl(47, 90%, 44%) rgb(212, 172, 13)
Dark Yellow (Base) #9B870C hsl(52, 86%, 33%) rgb(155, 135, 12)
Amber #FFBF00 hsl(45, 100%, 50%) rgb(255, 191, 0)
Saffron #F4C430 hsl(44, 90%, 57%) rgb(244, 196, 48)
Dark Ochre #7A6208 hsl(50, 85%, 25%) rgb(122, 98, 8)
Deep Dark Yellow #4D3E05 hsl(49, 83%, 16%) rgb(77, 62, 5)

What Are the Primary Attributes of Dark Yellow?

Dark yellow has five primary attributes: warm hue (derived from high red and green values), reduced brightness (from added black pigment), strong saturation (86% in HSL), earthy undertones (pulling toward ochre and amber), and natural association (linked to harvest, gold, and aged materials).

How Is Dark Yellow Used in Interior Design?

Dark yellow functions as an accent color in interior design, creating warm and grounded spaces that add richness to neutral rooms. Designers use it on feature walls, cushions, and upholstery to establish cozy, earthy environments that feel both inviting and visually interesting.

It pairs well with deep grays, charcoal, and off-whites. In bohemian and Japandi-influenced spaces, a dark yellow throw or ceramic piece can ground an otherwise cool palette.

That said, too much of it on large wall surfaces can feel heavy. I’d use it as a 10-20% accent color in most rooms, not a dominant one. The exception might be a smaller space like a reading nook or hallway, where the warmth actually helps.

In web design and UI, dark yellow works well as a background for cards or callout sections, though you need to run a color contrast check before using it under body text. It does not always pass WCAG AA with black text at lower saturation levels.

What Psychology and Emotions Does Dark Yellow Evoke?

Dark yellow evokes feelings of stability, warmth, earthiness, and quiet confidence through its association with natural materials like dried grasses, aged wood, and harvested grain.

Color psychology research indicates dark yellow promotes focus and mental clarity, reduces the anxious edge that brighter yellows can create, and produces grounded environments that support both creative work and calm reflection.

Culturally, it carries associations with abundance and wisdom across many traditions. In East Asian contexts, golden yellow has strong imperial and spiritual ties. In Western design history, it shows up in Art Nouveau and Arts and Crafts movements as a symbol of natural craft and quality.

Darker yellows also carry a subtle caution signal in some contexts, which is why they’re used in warning signage alongside black. Worth keeping in mind for branding decisions.

How Is Dark Yellow Applied in Fashion and Clothing?

Dark yellow serves as a versatile wardrobe color in fashion, offering warmth and depth across outerwear, knitwear, and accessories. Designers use it for its ability to complement a wide range of skin tones, its season-spanning appeal, and its capacity to bridge casual and semi-formal looks.

It shows up most often in autumn and winter collections. Mustard coats, dark golden scarves, knit sweaters in harvest gold. These are practically staples at this point.

In street style, dark yellow pairs well with deep navy, charcoal, burgundy, and olive. It also works with raw denim in a way that feels effortless rather than coordinated. That combination in particular (dark yellow + indigo denim) has been consistent for several years now and shows no sign of fading.

For skin tone considerations: it tends to flatter warmer undertones more directly, but medium-dark cool-toned skin can carry it well when the yellow leans more toward ochre than gold.

What Colors Complement and Contrast With Dark Yellow?

Dark yellow complements deep navy, charcoal gray, olive green, burnt sienna, and off-white, while contrasting effectively with violet, cobalt blue, and cool teal. These combinations create rich, grounded palettes that use dark yellow’s earthy warmth as a key anchor for visual balance.

Complementary Colors

Dark Yellow + Deep Navy Blue

  • Color Theory Basis: Navy sits near the complementary axis of dark yellow on the color wheel, creating natural contrast
  • Visual Effect: Bold and classic, the combination reads as authoritative without feeling aggressive
  • Best Applications: Branding, packaging, editorial design, fashion
  • Ratio Recommendations: 70% navy, 30% dark yellow works well for professional contexts
  • Example Uses: Academic branding, craft beer labels, autumn fashion collections

Dark Yellow + Charcoal Gray

  • Color Theory Basis: Neutral gray lets dark yellow dominate without competing hues, creating a clean focal point
  • Visual Effect: Sophisticated and modern, with the yellow reading as a warm accent against the cool neutral
  • Best Applications: UI design, logo systems, interior design
  • Ratio Recommendations: 60-30-10 with charcoal as dominant, white as secondary, dark yellow as accent
  • Example Uses: Tech branding, minimalist interiors, poster design

Dark Yellow + Olive Green

  • Color Theory Basis: Both are earthy, warm tones that share yellow as a base hue, making them naturally harmonious
  • Visual Effect: Organic, natural, grounded. Feels outdoorsy without being obvious about it
  • Best Applications: Packaging design, outdoor brand identity, nature-themed content
  • Ratio Recommendations: Even split works here, or 60% olive with dark yellow as accent
  • Example Uses: Food and beverage packaging, sustainable brand identity, editorial photography

Dark Yellow + Off-White / Cream

  • Color Theory Basis: Warm white keeps the palette cohesive without cooling down the yellow
  • Visual Effect: Soft and approachable, almost vintage in feel
  • Best Applications: Book cover design, wedding stationery, artisan brand design
  • Ratio Recommendations: 70% cream, 30% dark yellow as headline or accent color
  • Example Uses: Cookbook covers, boutique packaging, lifestyle branding

Contrasting Colors

Dark Yellow + Violet / Purple

  • Contrast Type: Complementary contrast (opposite on color wheel)
  • Visual Impact: High energy, bold. The two colors intensify each other
  • Best Applications: Poster design, event branding, retail displays
  • Balance Strategies: Keep one dominant (at least 60%) and use the other as a punch element only

Dark Yellow + Cobalt Blue

  • Contrast Type: Near-complementary contrast
  • Visual Impact: Energetic but structured, less aggressive than violet pairings
  • Best Applications: Sports branding, editorial design, UI accents
  • Balance Strategies: Works best at 70/30 or in small doses as a CTA button or highlight color

Dark Yellow + Cool Teal

  • Contrast Type: Split-complementary
  • Visual Impact: Fresh contrast without the full intensity of straight complementary pairings
  • Best Applications: Travel branding, app UI, social media graphics
  • Balance Strategies: Add a neutral (white or light gray) as a buffer if the combination feels too loud

Color Scheme Types

  • Monochromatic: Deep ochre, dark yellow base, golden yellow, and light harvest gold. Good for cohesive single-brand systems
  • Analogous: Orange-brown, dark yellow, and yellow-green. Earthy and natural, great for organic or food-related design
  • Triadic: Dark yellow, forest green, and muted violet. Balanced and varied, works well for lifestyle brands
  • Split-Complementary: Dark yellow with blue-violet and blue-green. Dynamic but less harsh than pure complementary
  • Tetradic: Dark yellow, teal, deep blue, and rust red. Complex and rich. Use carefully with a clear dominant color

Practical Pairing Guidelines

  • 60-30-10 Rule: Use a neutral as the 60% base, a supporting color at 30%, and dark yellow as the 10% accent for most layouts. Flip it only if dark yellow is the brand’s primary identifier
  • Accent Color Strategy: Dark yellow excels as a call-to-action color, highlight, or emphasis element against darker, cooler backgrounds
  • Neutral Bridging: When pairing dark yellow with a strong contrast color, introduce a warm gray or off-white to soften the transition and avoid visual fatigue

How Does Dark Yellow Differ From Similar Warm Colors?

Dark yellow differs from mustard (brighter, more orange-leaning), ochre (more brown and earth-heavy), amber (more orange and transparent in tone), and golden yellow (higher brightness, less black in its base) through its specific balance of moderate red, moderate green, and near-zero blue that create its distinctive warm-but-grounded character.

Visual Comparison Chart

Color Name HEX Code RGB Values Key Difference Best Use Case
Dark Yellow #9B870C 155, 135, 12 Earthy warm yellow baseline Branding, fashion, interior accents
Mustard Yellow #D4AC0D 212, 172, 13 Brighter, more orange tint Fashion, food branding
Ochre #CC7722 204, 119, 34 More brown, less saturated yellow Earth-tone palettes, fine art
Amber #FFBF00 255, 191, 0 Higher brightness, orange warmth Jewelry, luxury packaging
Gold #FFD700 255, 215, 0 Brighter, metallic luxury feel Awards, luxury branding, UI accents

How Do You Create Dark Yellow in Different Mediums?

Create dark yellow by mixing cadmium yellow with burnt umber and a small amount of complementary purple in paint, using HEX #9B870C or RGB (155, 135, 12) in digital design, or setting CMYK to C:0 M:13 Y:92 K:39 for print, ensuring the yellow channel stays dominant throughout the mixture.

Acrylic Paint

Start with cadmium yellow or hansa yellow as your base. Add small amounts of burnt umber to push it darker and warmer. A tiny touch of purple or ultramarine helps neutralize without going muddy.

  • Base colors: Cadmium Yellow (or Hansa Yellow), Burnt Umber, small amount of Dioxazine Purple
  • Mixing ratios: Roughly 10 parts yellow, 2 parts burnt umber, 0.5 parts purple
  • Step-by-step: Start with yellow on palette. Add burnt umber in small increments, mix thoroughly. Add purple drop by drop. Test on scrap paper
  • Common mistakes: Adding black directly (creates olive or muddy green). Adding too much brown at once
  • Adjustment tips: Too green? Add a touch more red or orange. Too muddy? Add fresh yellow to brighten slightly

Oil Paint

The process mirrors acrylics, but oils blend more slowly. Use Yellow Ochre as a starting point since it already sits close to dark yellow’s territory. Mix in Burnt Sienna for warmth and a touch of Raw Umber to deepen the value.

Drying time matters here. Oils can shift slightly as they cure, usually becoming a touch darker. Mix slightly brighter than your target shade to compensate.

Watercolor

Use transparent pigments like Quinacridone Gold or Raw Sienna as a base. Build color through layering rather than a single heavy wash. A light wash of Burnt Umber over a dried yellow layer gets you close.

Water-to-pigment ratio is tricky here. Start at roughly 60% water, 40% pigment for the base layer. Reduce water on subsequent layers to deepen the value without losing warmth.

Gouache

Gouache is more forgiving than watercolor for hitting specific values. Mix Yellow Ochre with a small amount of Burnt Umber directly on the palette. The opaque nature of gouache means you can adjust by layering lighter or darker on top once a layer dries.

Gouache tends to dry slightly lighter than it looks wet, so check your swatches after drying before committing to a full application.

Print / CMYK

  • Cyan: 0%
  • Magenta: 13%
  • Yellow: 92%
  • Black: 39%
  • Printing considerations: Uncoated paper will absorb more ink and produce a slightly duller result. Coated stock keeps the color truer. Always request a physical proof before a large print run
  • Pantone matching: Closest match is approximately Pantone 7408 C or Pantone 124 C depending on the specific dark yellow variant you’re working from

What Are the Best Practices for Using Dark Yellow in Design?

Best practices for dark yellow include checking contrast ratios before use in body text, pairing it with neutral anchors to avoid visual overload, limiting it to 10-30% of a composition unless it’s a brand primary, and always testing across different screen profiles. Designers should avoid placing it directly on white for UI text, ensure sufficient lightness contrast for accessibility, and use it alongside cooler tones to balance its warmth.

In web design, dark yellow works well as a button color or highlight on dark backgrounds. On light backgrounds, the contrast ratio needs checking. Tools like the color contrast checker handle that quickly.

For visual hierarchy, dark yellow naturally draws the eye. That makes it good for key elements: CTAs, pull quotes, section dividers. Using it too broadly kills the hierarchy effect entirely.

Understanding core graphic design principles like contrast, balance, and proximity becomes especially relevant when working with a strong color like this. One wrong pairing and it reads as dated rather than intentional.

What Role Does Dark Yellow Play in Branding and Marketing?

Dark yellow plays a grounding and distinction role in branding and marketing, communicating reliability, craftsmanship, and warmth to consumers. Marketing research indicates dark yellow builds perceived authenticity and approachability, making it effective for artisan food brands, heritage businesses, and lifestyle companies seeking a trustworthy, premium-yet-accessible brand perception.

You see it across craft beer, specialty coffee, organic food packaging, and independent fashion labels. It signals “made with care” without the sterility of minimalist white or the loudness of pure yellow.

In logo design, dark yellow works particularly well as a secondary brand color. As a primary, it needs careful font and layout decisions around it. A well-chosen serif font in dark brown or charcoal on a dark yellow background is a combination that has aged well across multiple design eras.

Brands using warm gold color palettes or warm color palettes often include dark yellow as a base or supporting tone. It also shows up in autumn color palettes and earth color palettes as one of the more versatile anchors.

If you want to see how dark yellow relates to adjacent tones, it’s worth comparing it to yellow, light yellow, and burnt orange. These three form a natural warm spectrum that many earthy brand systems draw from.

FAQ on Dark Yellow Color

What is the hex code for dark yellow?

The most widely used dark yellow hex code is #9B870C. Other common variants include #D5B60A and #B8860B depending on the source. Always verify in your color space before finalizing, since “dark yellow” isn’t a single standardized web color name.

What colors make dark yellow?

Mix pure yellow with small amounts of burnt umber or brown to get dark yellow. A tiny touch of purple or black deepens the value further. Avoid adding too much black directly as it tends to push yellow toward olive or muddy green.

What is the RGB value of dark yellow?

The RGB value for dark yellow is approximately (155, 135, 12). High red and green channels with near-zero blue produce the warm, earthy tone. Slight variations exist across different color systems and tools, so always check against your target hex code.

What colors go with dark yellow?

Dark yellow pairs well with deep navy, charcoal gray, burgundy, olive green, and off-white. For bold contrast, violet and cobalt blue work strongly. Earthy tones like burnt sienna and terracotta create natural, grounded combinations.

What is the difference between dark yellow and mustard yellow?

Mustard yellow is brighter and carries more orange warmth, sitting at a higher brightness value. Dark yellow has more black in its base, making it deeper and more muted. Mustard reads as punchy; dark yellow reads as grounded and earthy.

What does dark yellow mean psychologically?

Dark yellow evokes stability, warmth, and quiet confidence. Unlike bright yellow, which can feel anxious or overstimulating, the darker tone promotes focus and calm. It carries cultural associations with harvest, abundance, and craftsmanship across both Eastern and Western design traditions.

What is the CMYK value for dark yellow?

The CMYK breakdown for dark yellow (#9B870C) is approximately C:0, M:13, Y:92, K:39. The high yellow channel and significant black key are what pull standard yellow into darker territory. Results may shift slightly depending on paper stock and printer calibration.

Is dark yellow a warm or cool color?

Dark yellow is a warm color. Its hue sits at roughly 52 degrees on the color wheel, placing it between pure yellow and orange-yellow. There are no cool undertones. It belongs firmly in the warm color palette family alongside amber, ochre, and gold.

How is dark yellow used in interior design?

Dark yellow works best as an accent in interior spaces, used on feature walls, cushions, or upholstery. It pairs well with deep gray and off-white. Most designers limit it to 10-20% of a room’s palette to avoid the space feeling too heavy or oppressive.

What Pantone color is closest to dark yellow?

The closest Pantone matches for dark yellow are approximately Pantone 7408 C or Pantone 124 C, depending on the specific shade variant. Always compare physical swatches before committing to a Pantone code for print, since screen previews can be misleading.

Conclusion

This conclusion is for an article presenting dark yellow color as one of the more useful and underrated tones in any designer’s toolkit.

From its HSL and RGB specifications to its behavior in color palette building, dark yellow consistently delivers warmth, depth, and versatility across mediums.

Whether you’re working with mustard-adjacent shades in print design, mixing harvest gold tones on canvas, or picking an accent for a UI component, the principles here apply directly.

Its psychological pull toward stability and craftsmanship makes it a strong choice for brands that want to feel grounded rather than loud.

Pair it well, use it with intention, and dark yellow will hold its own against any color on the wheel.

Bogdan Sandu
Share
Written by Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008. Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients. His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8. He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.