Rich Gold

#aa8833

Deeper, richer gold with brown warmth

Save
Share

About Rich Gold

Under a warm office lamp, Rich Gold reads like brass that's been warmed up in the sun but not turned amber-heavy. It's richer and deeper than , yet it doesn't go as olive-shadowed as . Compared with , it feels less clean and minted, more like a soft-focus gold glaze over something earthy.

For UI, I treat it like the one you reach for when you want authority without the "brass shine" of Luxor or the damp weight of . It lands well in -family systems for product tiles in e-commerce, supply-chain and logistics panels, and editorials that need headings to feel grounded but still active. In media toolbars and admin surfaces, it gives that clear, costed-in warmth that doesn't tip toward amber creaminess.

One quirk: because it's fairly saturated and slightly darker, Rich Gold can feel heavy next to very pale backgrounds. I usually nudge the neighboring whites a touch cooler so the gold stays crisp instead of flattening.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
3.34:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.07:1FailAA Large

On Gray 900 #18181b

Aa
5.30:1AAAAA Large

On Black #000000

Aa
6.28:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#ae8934
#ab8d3f
#b3861e
#b3833b
#9a8d3f
#9d913c

Create a gradient with Rich Gold

Open the generator with this color pre-loaded.

Start creating