Warm combinationsAutumn depth
Amber and Brown Color Combination
Both colors sit in the warm orange-brown arc, so the pair feels tonal rather than contrasting — depth comes from lightness, not from hue.
Hex codes #FFBF00 and #A52A2A — a autumn depth pair with a 4.29:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(255, 191, 0)
- HSL
- hsl(45, 100%, 50%)
- Hex
- #FFBF00
- RGB
- rgb(165, 42, 42)
- HSL
- hsl(0, 59%, 41%)
- Hex
- #A52A2A
Contrast between Amber and Brown
Contrast ratio 4.29:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Brown text on a Amber surface, at 4.29:1.
Amber text on a Brown surface, at 4.29:1.
Where this pair works
- Coffee brands
- Autumn campaigns
- Book covers
Give Amber (#FFBF00) roughly 60% of the surface, Brown (#A52A2A) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Amber and Brown as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#faf3e1backgrounds and large surfaces · closest to Linen
- Primary#FFBF00the dominant color · closest to Amber
- Secondary#A52A2Athe accent color · closest to Brown
- Deep shade#400d0dtext, borders and icons · closest to DarkSienna
- Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke
Explore Amber and Brown on their own
Amber
More color combinations
Brown and Blue
#A52A2A · #0000FFUnexpected balanceOpen combinationRed and Yellow
#FF0000 · #FFFF00Loud and appetisingOpen combinationOrange and Teal
#FFA500 · #008080Cinematic contrastOpen combinationCoral and Mint
#FF7F50 · #98FF98Fresh and friendlyOpen combinationTerracotta and Cream
#E2725B · #FFFDD0Handmade warmthOpen combinationRed and Black
#FF0000 · #000000Bold and decisiveOpen combinationAmber and Brown are a autumn depth pair: both colors sit in the warm orange-brown arc, so the pair feels tonal rather than contrasting — depth comes from lightness, not from hue.
Frequently asked questions
Yes — this pair is used for coffee brands, autumn campaigns, book covers. The two colors measure 4.29:1 against each other, which is enough for large text and graphics, but not for body text.
Good to know
- Every value on this page is calculated from #FFBF00 and #A52A2A — nothing is hardcoded.
- Build a longer palette out of Amber or Brown in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Amber and Brown into a full palette, a gradient or a set of shades — or check the pair against WCAG.
