Hazel Electric Archive
268Hazel Electric Archive color palette using #bdd8ac, #ce90ac, #9b9c77, #8d3f37, #6f5325.
By Color
Hazel Color Palettes
Hazel blends green, gold and brown the way real eyes do, giving palettes an organic warmth. Its main colours include powder blue (#b2e3cc), oat (#cbdda5), pistachio (#9fcc86), pistachio (#84bc64), brick red (#ac416b), built as an analogous set around 36° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Hazel color palette hex codes
Main hazel colours with named swatches, HEX and RGB. Derived from this tag's hue (36°), saturation (40%) and analogous scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Powder Blue swatch | Powder Blue | #b2e3cc | rgb(178, 227, 204) | |
| Oat swatch | Oat | #cbdda5 | rgb(203, 221, 165) | |
| Pistachio swatch | Pistachio | #9fcc86 | rgb(159, 204, 134) | |
| Pistachio swatch | Pistachio | #84bc64 | rgb(132, 188, 100) | |
| Brick Red swatch | Brick Red | #ac416b | rgb(172, 65, 107) | |
| Moss swatch | Moss | #8c9335 | rgb(140, 147, 53) | |
| Coffee swatch | Coffee | #675031 | rgb(103, 80, 49) | |
| Wine swatch | Wine | #6c332d | rgb(108, 51, 45) |
Hazel color palettes
Hazel Smoked Atlas
259Hazel Smoked Atlas color palette using #bed3b0, #cd8ca5, #a3af5b, #824640, #675433.
Hazel Soft Prairie
185Hazel Soft Prairie color palette using #beceb2, #dc8db1, #aeb95c, #6d433e, #654a1d.
Hazel Faded Atlas
167Hazel Faded Atlas color palette using #bed2ae, #d987a5, #aeb851, #814b42, #55432c.
Hazel Quiet Ember
161Hazel Quiet Ember color palette using #bdceb3, #c1aab2, #b8bc5d, #7e342b, #544733.
Hazel Quiet Orchard
142Hazel Quiet Orchard color palette using #c8ebaf, #ce90a9, #a0a96f, #6e5452, #5e4928.
Hazel Washed Terrace
126Hazel Washed Terrace color palette using #c1e3a8, #d190ac, #a7ab70, #754239, #644b28.
Hazel Quiet Morning
115Hazel Quiet Morning color palette using #c2d8b5, #d292a8, #969b67, #8f3029, #4d4439.
Hazel Electric Archive
112Hazel Electric Archive color palette using #bbdca8, #cb96ac, #b6c341, #75463d, #704f24.
Hazel Washed Atlas
98Hazel Washed Atlas color palette using #c4d3bc, #d492ad, #c3cb39, #8a443c, #5c4830.
Hazel Dusty Orchard
98Hazel Dusty Orchard color palette using #c7e9ae, #cba5b2, #a8b365, #90352d, #614a29.
Hazel Golden Lantern
95Hazel Golden Lantern color palette using #c9e1b5, #c8acb9, #9fa174, #83403a, #644723.
Hazel Wild Current
83Hazel Wild Current color palette using #c1cfb8, #c3b0b8, #bcca43, #924033, #785324.
Hazel Sunlit Atlas
82Hazel Sunlit Atlas color palette using #c5d4bb, #bc9ba9, #a1ab5e, #97362e, #5f4a31.
Hazel Velvet Studio
80Hazel Velvet Studio color palette using #bcd8ab, #c992a9, #b4c64f, #993c2c, #5d4a31.
Hazel Golden Archive
76Hazel Golden Archive color palette using #bcdfa8, #ca9db1, #b2ba5c, #6f524d, #664a22.
Hazel Frosted Archive
73Hazel Frosted Archive color palette using #bddea5, #d89cb6, #afbc60, #953a2d, #724f25.
Hazel Quiet Harbour
72Hazel Quiet Harbour color palette using #c5e4af, #c7a6b2, #adbb54, #7a3e3a, #504636.
Hazel Golden Meadow
71Hazel Golden Meadow color palette using #badca5, #c9a7b2, #9b9d7c, #6f4640, #574832.
Hazel Electric Linen
66Hazel Electric Linen color palette using #bfe5a9, #de83a9, #adb364, #7e3f3a, #644c2f.
Hazel Soft Drift
66Hazel Soft Drift color palette using #bcdcaa, #d293ab, #9fa85e, #76514a, #4c4536.
Hazel Smoked Meadow
54Hazel Smoked Meadow color palette using #c5eab2, #d88bab, #b6c147, #84483d, #604e39.
Hazel Washed Orchard
49Hazel Washed Orchard color palette using #bfd6ae, #d685a3, #c4cd4f, #93362b, #62482a.
Hazel Smoked Drift
23Hazel Smoked Drift color palette using #bfdca9, #caa3b3, #bec755, #8e2c24, #5b4e3e.
About hazel color palettes
Hazel blends green, gold and brown the way real eyes do, giving palettes an organic warmth. This page collects 24 hazel color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most hazel schemes anchor somewhere around caramel (#b79157), a warm hue sitting near 36 degrees on the color wheel at roughly 40% saturation. The palettes below span a lightness range of about 50 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
When you build with hazel, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Hazel color palette FAQ
What colors are in a hazel color palette?
A typical hazel palette combines powder blue (#b2e3cc), oat (#cbdda5), pistachio (#9fcc86) and supporting tones. Hazel blends green, gold and brown the way real eyes do, giving palettes an organic warmth.
What are the hex codes for hazel?
Hazel is a colour family rather than a single value. The main hex codes on this page are #b2e3cc, #cbdda5, #9fcc86, #84bc64, #ac416b, #8c9335, #675031, #6c332d, centred near #b79157. Copy any value from the table above.
How do I use a hazel color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these hazel palettes free to use?
Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "hazel" into the AI color palette generator to build a fresh scheme in the same range.