⚡ Quick Reference: What Colors Make What?
- What colors make Brown? Mixing complementary colors: Red + Green, Blue + Orange, or Yellow + Purple. Alternatively, mix all 3 primary colors (Red + Yellow + Blue).
- What colors make Orange? Mixing primary Red + Yellow.
- What colors make Purple? Mixing primary Red + Blue (use cool red or magenta to avoid muddy brown).
- What colors make Green? Mixing primary Blue + Yellow.
- Can you make Blue? In physical paint (subtractive), No—blue is a primary pigment. In digital light (additive RGB), Blue is created by mixing Cyan + Magenta.
Color mixing is governed by fundamental optical physics. Whether you are an oil painter blending paints on a wooden palette or a front-end developer adjusting color harmonies on a digital screen, knowing how wavelengths interact allows you to mix any color cleanly without creating unwanted muddy tones.
Proven Color Mixing Recipes & Hex Formulas
Click any color swatch to copy its exact HEX code:
1. How to Make Brown (3 Complementary Recipes)
Brown is a composite tertiary tone created by neutralizing warm and cool spectrum poles together.
Recipe A (Primary): Red + Green
Result: Chestnut Brown
#78350F
Recipe B (Warm Earth): Blue + Orange
Result: Terracotta Earth
#9A3412
Recipe C (Earthy Umber): Yellow + Purple
Result: Raw Umber
#713F12
Mixing Science Tip: You can also make brown by mixing all three primary colors (Red + Yellow + Blue) in equal proportions. Adding a touch of yellow creates warm tan, while adding blue yields deep espresso.
2. How to Make Orange (Vibrant Tangerine to Golden Amber)
Orange is a secondary color formed by blending warm red with luminous yellow.
Vibrant Tangerine
Result: Tangerine
#F97316
Warm Terracotta
Result: Burnt Terracotta
#C2410C
Golden Amber
Result: Soft Peach
#FDBA74
Mixing Science Tip: For the brightest, most saturated orange, use a cool yellow (like lemon yellow) and a warm red (with minimal blue undertones) to avoid creating muddy brown.
3. How to Make Purple & Royal Violet
Purple is a secondary color formed by mixing red and blue.
Royal Violet
Cool Crimson / Magenta
#E11D48
Result: Electric Violet
#7C3AED
Deep Velvet Plum
Result: Deep Plum
#581C87
Pastel Lavender
Result: Soft Lavender
#C4B5FD
Mixing Science Tip: The common mistake when mixing purple is using a warm red (like tomato red) containing yellow pigments. In color theory, Red + Blue + Yellow = Brown, which makes your purple muddy. Always use a cool red or magenta!
4. Can You Make Blue? (The Primary Color Truth)
In classical subtractive art, Blue is a primary color that cannot be created by mixing other paints.
Digital Light (RGB Additive)
Pure Magenta Light
#FF00FF
Result: Pure Blue Light
#0000FF
Navy Blue Tint Recipe
Result: Deep Midnight Navy
#1E1B4B
Cyan Sky Tint Recipe
Result: Cerulean Cyan
#06B6D4
Mixing Science Tip: While Blue cannot be mixed from scratch using paints, in digital screen physics (additive RGB light), blue light is combined with red and green to form white. In modern CMYK printing, blue ink is produced by layering Cyan and Magenta.
5. How to Make Green (Emerald, Sage & Olive)
Green is a secondary color produced by mixing primary yellow and primary blue.
Fresh Garden Emerald
Result: Emerald Green
#16A34A
Organic Sage Green
Result: Botanical Sage
#9CAF88
Military Olive Green
Result: Forest Olive
#4D7C0F
Mixing Science Tip: Increasing yellow yields vibrant lime or chartreuse, while adding a pinhead of red or dark slate creates muted, earthy sage green.
Subtractive vs. Additive Color: Pigments vs. Pixels
The most important concept in color mixing is the difference between physical materials and digital light emissions:
1. Subtractive Color Mixing (RYB & CMYK)
Subtractive color applies to physical substances: paint, ink, fabric dyes, and plastics. Pigments absorb (subtract) certain light wavelengths and reflect the rest back to your eye.
When you mix multiple paint colors together, more wavelengths are absorbed. That is why mixing red, blue, and yellow paints always leads to a dark, muddy composite brown or gray.
2. Additive Color Mixing (RGB)
Additive color applies to computer monitors, iPhone screens, TVs, and web browsers. Screens emit colored light rays directly into your eye.
In additive mixing, adding colors together adds more light. When Red light (`#FF0000`), Green light (`#00FF00`), and Blue light (`#0000FF`) are illuminated at 100% full intensity, they combine to produce pure white light (`#FFFFFF`).
3. How to Tweak & Lighten Mixed Colors (Tints & Shades)
- Tints (Adding White): Makes a color lighter and more pastel (e.g. Red + White = Pink).
- Shades (Adding Black): Darkens a color (e.g. Red + Black = Burgundy / Maroon).
- Tones (Adding Gray): Desaturates a color, creating subtle, organic vintage tones.
To generate instant, mathematically uniform tint and shade scales for your UI tokens, use Pikka's Perceptual Tint & Shade Generator.
Explore More Color Theory Tools & Swatches
Deepen your color knowledge with Pikka's free design tools:
Calculate Dynamic Color Scales in Pikka Studio
Test color recipes on live UI components, generate 10-step perceptual OKLCH scales, and export copy-paste CSS custom properties instantly.
Open Interactive Color Wheel
