By Color

Amber Color Palettes

Amber glows like backlit honey and makes dark interfaces feel warm instead of cold. Its main colours include pearl (#e4f8bb), powder blue (#b3fcdd), mint (#aff693), mint (#8dfa59), brick red (#f2346a), built as an analogous set around 42° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Amber color palette hex codes

Main amber colours with named swatches, HEX and RGB. Derived from this tag's hue (42°), saturation (88%) and analogous scheme.

Amber color palette hex codes
Swatch	Name	HEX	RGB
Pearl swatch	Pearl	`#e4f8bb`	`rgb(228, 248, 187)`
Powder Blue swatch	Powder Blue	`#b3fcdd`	`rgb(179, 252, 221)`
Mint swatch	Mint	`#aff693`	`rgb(175, 246, 147)`
Mint swatch	Mint	`#8dfa59`	`rgb(141, 250, 89)`
Brick Red swatch	Brick Red	`#f2346a`	`rgb(242, 52, 106)`
Lime swatch	Lime	`#c1df0e`	`rgb(193, 223, 14)`
Rust swatch	Rust	`#bd3112`	`rgb(189, 49, 18)`
Copper swatch	Copper	`#b07d04`	`rgb(176, 125, 4)`

Amber Muted Alcove
422
Amber Muted Alcove color palette using #d5fbc6, #f597b3, #bce625, #ffbf00, #9a3e19.
Amber Dusty Morning
366
Amber Dusty Morning color palette using #f9efce, #9db6f9, #e5b536, #ffbf00, #102c92.
Amber Antique Current
236
Amber Antique Current color palette using #dbf9ba, #fc92db, #1742f8, #ffbf00, #17993d.
Amber Frosted Atlas
231
Amber Frosted Atlas color palette using #dffcd4, #f8a0b3, #ade02b, #ffbf00, #9c3a17.
Amber Soft Current
183
Amber Soft Current color palette using #d0fbc2, #fb8cab, #b8e63e, #ffbf00, #9b3410.
Amber Velvet Atlas
161
Amber Velvet Atlas color palette using #dcfdd0, #fc9db8, #c3e93b, #ffbf00, #a0380a.
Amber Smoked Prairie
138
Amber Smoked Prairie color palette using #cef7c2, #f69db7, #bff12a, #ffbf00, #93350a.
Amber Still Meadow
132
Amber Still Meadow color palette using #dcf9d3, #f5a3b6, #b1e433, #ffbf00, #9d2909.
Amber Soft Meadow
124
Amber Soft Meadow color palette using #d2fdc4, #f9a1b7, #b1df2b, #ffbf00, #9e2d0e.
Amber Sunlit Archive
121
Amber Sunlit Archive color palette using #cff8c4, #f298b2, #c6f430, #ffbf00, #9c3912.
Amber Still Drift
109
Amber Still Drift color palette using #cbf6bf, #f997af, #c6e541, #ffbf00, #942d13.
Amber Antique Alcove
101
Amber Antique Alcove color palette using #dcf9b9, #fa86de, #3257e6, #ffbf00, #0d902e.
Amber Soft Orchard
85
Amber Soft Orchard color palette using #cbfdbc, #f593b1, #c1ef21, #ffbf00, #922c14.
Amber Electric Lantern
73
Amber Electric Lantern color palette using #d0f7c7, #f2a0b8, #b4f11d, #ffbf00, #a33c0f.
Amber Quiet Current
71
Amber Quiet Current color palette using #f9efd5, #a1b7f3, #e2b343, #ffbf00, #0f338a.
Amber Washed Current
58
Amber Washed Current color palette using #d6fac6, #fc94b1, #cdf816, #ffbf00, #a03207.
Amber Still Lantern
57
Amber Still Lantern color palette using #c7f8bc, #f490ae, #aae030, #ffbf00, #942f11.
Amber Deep Lantern
55
Amber Deep Lantern color palette using #d8f8cb, #f78ea9, #c2f035, #ffbf00, #943513.
Amber Smoked Studio
54
Amber Smoked Studio color palette using #d3fac2, #f888a2, #b3e541, #ffbf00, #982c0f.
Amber Deep Alcove
51
Amber Deep Alcove color palette using #def9d5, #f79cb1, #bee624, #ffbf00, #8f2c11.
Amber Soft Signal
48
Amber Soft Signal color palette using #d2fec7, #f799ad, #c8f525, #ffbf00, #973616.
Amber Velvet Morning
33
Amber Velvet Morning color palette using #f5c9bd, #e8fb98, #6b2ff0, #ffbf00, #166d8f.
Amber Smoked Studio
25
Amber Smoked Studio color palette using #d4f6c5, #fb94a8, #c2e83d, #ffbf00, #8a300d.
Amber Still Terrace
16
Amber Still Terrace color palette using #defad1, #f3a7b9, #c9f823, #ffbf00, #932808.

About amber color palettes

Amber glows like backlit honey and makes dark interfaces feel warm instead of cold. This page collects 24 amber 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 amber schemes anchor somewhere around saffron (#f3c049), a warm hue sitting near 42 degrees on the color wheel at roughly 88% saturation. The palettes below span a lightness range of about 48 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 amber, 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.

Amber color palette FAQ

What colors are in a amber color palette?

A typical amber palette combines pearl (#e4f8bb), powder blue (#b3fcdd), mint (#aff693) and supporting tones. Amber glows like backlit honey and makes dark interfaces feel warm instead of cold.

What are the hex codes for amber?

Amber is a colour family rather than a single value. The main hex codes on this page are #e4f8bb, #b3fcdd, #aff693, #8dfa59, #f2346a, #c1df0e, #bd3112, #b07d04, centred near #f3c049. Copy any value from the table above.

How do I use a amber 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 amber 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 "amber" into the AI color palette generator to build a fresh scheme in the same range.

Amber color palette hex codes