20 Different Shades of Amber (+ HEX codes)
Explore all shades of amber, from lighter to darker shades. See HEX codes, shade names, and amber color palettes. Click any shade to copy its HEX code.
Amber is honey with the light behind it — warmer than yellow, softer than orange. It works for food, whisky and autumn packaging, and as a warning state in interfaces.
Pair it with deep browns and off-whites; against a dark navy it reads almost like gold.
- early dawn#fffaeb
- milk punch#fff4d2
- colonial white#ffeeba
- cream brulee#ffe8a1
- salomie#ffe189
- kournikova#ffdb70
- mustard#ffd558
- bright sun#ffcf40
- sunglow#ffc927
- supernova#ffc30f
- selective yellow#f5b800
- corn#dda600
- buddha gold#c49300
- pirate gold#ac8100
- olive#946f00
- cinnamon#7b5c00
- nutmeg wood finish#634a00
- saddle brown#4a3800
- cola#322500
- nero#1a1300
Amber: HEX & RGB Codes
amber has the following primary color codes:
HEX: #fffaeb
RGB: (255, 250, 235).
Explore a wide range of amber shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of amber
Early Dawn
#fffaeb
Buttery White
#fffbeb
Island Spice
#fffbf0
Island Spice
#fffbf0
Quarter Pearl Lusta
#fffcf5
Quarter Pearl Lusta
#fffdf5
Quarter Pearl Lusta
#fffcf5
Black White
#fffefa
Black White
#fffefa
White
#ffffff
Explore shades of amber
Clinker
#342a09
Punga
#4c3e15
Dallas
#655525
Yellow Metal
#816f3b
Barley Corn
#9b8955
Mongoose
#b4a474
Yuma
#ccbf94
Stark White
#e5dbbd
amber in HEX, RGB, HSL and CMYK
| HEX | #FFBF00 | |
|---|---|---|
| RGB | rgb(255, 191, 0) | |
| HSL | hsl(45, 100%, 50%) | |
| CMYK | cmyk(0%, 25%, 100%, 0%) |
Tints and shades of amber
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#ffc927
#ffd34e
#ffdd75
#ffe69c
#fff0c4
#fffaeb
Shades (darker)
#d8a200
#b18500
#8a6700
#634a00
#3b2d00
#140f00
Colours that work with amber
Complementary
#FFBF00 #0040ff
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#ff4000 #FFBF00 #bfff00
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#FFBF00 #00ffbf #bf00ff
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on amber
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
amber shade chart
Right-click to save the chart, or copy the individual codes above.