What are common hair color palette HEX codes?

Useful approximate anchors include platinum blonde #F5E6C8, honey blonde #E0C070, medium brunette #5C4033, copper red #B55233, soft black #1C1C1C and silver #C0C0C0. Treat every value as a digital starting point and adjust for lighting and undertone.

Are hair dye HEX codes exact matches for salon colour?

No. Salon dyes are mixed for pigment on real hair under store lighting, while HEX codes are screen colours. Use this hair color palette as an approximation for illustration, branding and UI, then refine against photos or physical swatches when accuracy matters.

What HEX codes work for blonde hair in design?

Start around #FAF6E9 for platinum, #F5E6C8 for light ash, #ECD9A8 for golden, #E0C070 for honey and #C4A882 for dirty blonde. Cool the midtones for ash looks; warm them for honey or strawberry blonde.

What HEX codes work for brunette and brown hair?

A practical brunette ramp is #A67B5C (light brown), #8B5E3C (chestnut), #6B4423 (medium), #5C4033 (chocolate), #4A3728 (dark) and #3B2F2F (espresso). Keep steps distinct so characters remain readable at small sizes.

What HEX codes work for red and black hair?

Red and auburn approximations include #D2691E, #B55233, #A0522D and #6E1230. For black hair prefer tinted near-blacks such as #2C2C2C, #1C1C1C or #0D0D12 instead of pure #000000 so highlights still show.

How should designers use a hair color palette with skin tones?

Pair hair HEX ramps with an inclusive skin tone color palette, then check that hair and skin stay separable in value. Generate alternates in the AI palette generator, extract candidates from reference photos, and verify text or UI contrast when hair colours sit behind labels.

Hair Color Palette HEX Codes: Blonde, Brunette, Red and Black

Published 14 October 2026 · Updated 14 October 2026 · 10 min read

A practical hair color palette starts with family ramps—blonde, brunette, red, black and grey—then picks approximate HEX codes as design starting points, not salon formulas. Common digital anchors include platinum blonde near #F5E6C8, medium brunette near #5C4033, copper red near #B55233, soft black near #1C1C1C and silver grey near #C0C0C0. Always label these as approximations: real hair shifts with lighting, undertone and dye brand, so refine against references before shipping.

Designers and illustrators search for hair color palette hex codes, blonde hair hex, brunette hex, red hair hex and hair dye palettes when they need copyable values for characters, beauty branding and product UI. This guide answers with family tables, designer tips and links into AI Color tools.

Every HEX value on this page is an approximation for digital design—not a salon dye formula or colour-managed print standard.

Blonde hair hex codes (approximate)

Blonde ranges from near-white platinum to deep dirty blonde. Keep chroma modest so digital blondes read as hair, not yellow paint. Ash tones cool the midrange; honey and strawberry warm it.

Blonde hair hex codes (approximate) — approximate values
Swatch	Name	HEX	RGB
Platinum blonde swatch	Platinum blonde	`#FAF6E9`	`rgb(250, 246, 233)`
Light ash blonde swatch	Light ash blonde	`#F5E6C8`	`rgb(245, 230, 200)`
Golden blonde swatch	Golden blonde	`#ECD9A8`	`rgb(236, 217, 168)`
Honey blonde swatch	Honey blonde	`#E0C070`	`rgb(224, 192, 112)`
Strawberry blonde swatch	Strawberry blonde	`#D4A574`	`rgb(212, 165, 116)`
Dirty blonde swatch	Dirty blonde	`#C4A882`	`rgb(196, 168, 130)`

Brunette and brown hair hex codes (approximate)

Brunette palettes need a clear light-to-dark spread so “light brown” and “espresso” do not collapse into one muddy midtone. Warm chestnuts sit closer to orange-brown; cool brunettes lean slightly toward taupe.

Brunette and brown hair hex codes (approximate) — approximate values
Swatch	Name	HEX	RGB
Light brown swatch	Light brown	`#A67B5C`	`rgb(166, 123, 92)`
Chestnut brown swatch	Chestnut brown	`#8B5E3C`	`rgb(139, 94, 60)`
Medium brunette swatch	Medium brunette	`#6B4423`	`rgb(107, 68, 35)`
Chocolate brown swatch	Chocolate brown	`#5C4033`	`rgb(92, 64, 51)`
Dark brunette swatch	Dark brunette	`#4A3728`	`rgb(74, 55, 40)`
Espresso brown swatch	Espresso brown	`#3B2F2F`	`rgb(59, 47, 47)`

Red, auburn and copper hair hex codes (approximate)

Red hair hex codes span ginger copper through deep auburn and wine. Avoid neon orange unless you intend fashion dye; natural reds keep value mid-to-dark and saturation controlled.

Red, auburn and copper hair hex codes (approximate) — approximate values
Swatch	Name	HEX	RGB
Ginger copper swatch	Ginger copper	`#D2691E`	`rgb(210, 105, 30)`
Bright copper swatch	Bright copper	`#C45C26`	`rgb(196, 92, 38)`
Copper red swatch	Copper red	`#B55233`	`rgb(181, 82, 51)`
Auburn swatch	Auburn	`#A0522D`	`rgb(160, 82, 45)`
Deep auburn swatch	Deep auburn	`#8B3A2A`	`rgb(139, 58, 42)`
Burgundy red hair swatch	Burgundy red hair	`#6E1230`	`rgb(110, 18, 48)`

Black hair hex codes (approximate)

Pure #000000 often looks like a hole in the layout. Soft black, raven and blue-black keep a slight tint so highlights and rim light still read as hair fibre.

Black hair hex codes (approximate) — approximate values
Swatch	Name	HEX	RGB
Soft black swatch	Soft black	`#2C2C2C`	`rgb(44, 44, 44)`
Raven black swatch	Raven black	`#1C1C1C`	`rgb(28, 28, 28)`
Blue-black swatch	Blue-black	`#0D0D12`	`rgb(13, 13, 18)`
Near jet black swatch	Near jet black	`#141416`	`rgb(20, 20, 22)`
Deep jet black swatch	Deep jet black	`#0A0A0A`	`rgb(10, 10, 10)`

Grey and silver hair hex codes (approximate)

Grey and silver hair palettes need cool or warm bias—steel versus pearl—so the set does not flatten to neutral UI grey. Keep at least one near-white highlight for shine.

Grey and silver hair hex codes (approximate) — approximate values
Swatch	Name	HEX	RGB
Pearl grey swatch	Pearl grey	`#E8E6E3`	`rgb(232, 230, 227)`
Silver swatch	Silver	`#C0C0C0`	`rgb(192, 192, 192)`
Steel grey swatch	Steel grey	`#A8A9AD`	`rgb(168, 169, 173)`
Ash grey swatch	Ash grey	`#8B8C8F`	`rgb(139, 140, 143)`
Salt-and-pepper swatch	Salt-and-pepper	`#6B6C70`	`rgb(107, 108, 112)`

Fashion hair dye palette hex codes (approximate)

Fantasy and fashion dyes—pastel pink, lavender, mint, electric blue—belong in a separate palette from natural hair families. Use them as accents or alternate character looks, then check contrast on UI chrome.

Fashion hair dye palette hex codes (approximate) — approximate values
Swatch	Name	HEX	RGB
Pastel pink dye swatch	Pastel pink dye	`#F7A8C8`	`rgb(247, 168, 200)`
Lavender dye swatch	Lavender dye	`#C3B3E6`	`rgb(195, 179, 230)`
Mint dye swatch	Mint dye	`#8FE3BD`	`rgb(143, 227, 189)`
Electric blue dye swatch	Electric blue dye	`#5B8DEF`	`rgb(91, 141, 239)`
Violet dye swatch	Violet dye	`#9B5DE5`	`rgb(155, 93, 229)`
Coral fashion dye swatch	Coral fashion dye	`#FF6B6B`	`rgb(255, 107, 107)`

Why hair HEX codes are always approximate

Hair colour is a moving target: cuticle shine, ambient light, camera white balance and dye brand all shift what you see. A HEX list is a shared vocabulary for design files, not a lab measurement of melanin or toner.

Publish approximations with that caveat so teammates do not treat #5C4033 as a mandatory brand lock for every brunette. Keep a light, mid and dark step per family so you can respond to critique without inventing colours under deadline.

Search interest in hair color palette hex codes, hair dye palette and blonde or brunette hex lists reflects that need for a concrete starting set—copyable, critiqueable and easy to extend.

Tips for illustrators and product designers

Block hair with a midtone first, then add a darker root or shadow mass and a lighter rim. Mixing the fill with pure black or white alone usually greys the colour out; borrow neighbours from the same family table instead.

Keep fashion dyes on a separate token set from natural families. Pastel pink hair next to a natural brunette cast is fine as a character choice, but mixing both into one “hair” token creates inconsistent components.

At avatar sizes, test the full cast in a grid. Blondes that look rich at 512px can vanish on white UI; black hair can merge with dark-mode chrome. Nudge value until each family still reads at 24–32px.

When hair sits behind text, icons or badges, run the pair through a contrast checker. Decorative hair fills should not double as the only text background unless they clear WCAG targets.

How to build a custom hair dye palette

Pick the family you need from the tables below—or start from a reference photo. Lock two or three HEX anchors (root, mid, highlight), then fill the gaps so lightness steps feel even.

Describe the look in the AI color palette generator with undertone and use case, for example “ash blonde hair palette for character design” or “copper auburn hair dye ramp for beauty branding”.

If you already have salon or campaign photography, extract candidates with the color palette from image tool, prune muddy midtones, and align the survivors to one of the family ramps on this page.

Pair the finished hair set with the skin tone color palette guide so faces and hair share a coherent value structure across your illustration or avatar system.

1
Choose a hair family (blonde, brunette, red, black, grey or fashion dye) and copy two or three approximate HEX anchors.
2
Adjust undertone—ash vs honey, cool brunette vs chestnut, copper vs burgundy—against reference photos.
3
Build midtones between anchors so roots, mid-lengths and highlights stay in one coherent ramp.
4
Pair with a skin tone palette and check contrast wherever hair colour sits behind UI text or icons.

Tools on AI Color for hair palettes

Use the generator for prompt-led ramps, the image picker for photo extraction, shade pages for single-hue exploration, and tag collections such as auburn, brown, black or pastel when you want curated sets to browse.

For product UI that borrows hair-inspired accents, the Tailwind color palette generator can expand one HEX into a 50–950 scale, and the contrast checker validates text on those surfaces before you ship.