Ginger

#b06500

Softer burnt-orange gold, balances deeper ambers

Save
Share

About Ginger

Ginger reads like fresh spice stirred into golden syrup, but with a tighter, cleaner glow than the toasted, grainy yellows nearby. It's darker and more saturated than the soft butter-tones you might expect from "yellow," yet it doesn't tip as orange as . Compared to , it holds onto more red-brown heat, so it feels richer instead of grain-light. Against Caramel, it stays more golden-leaning, less brooding, so it doesn't get that heavy brown-gold weight.

For UI, I use it as a background or band color where you want warmth that still looks deliberate in product interfaces. It's great for data-dense panels, commerce and hospitality tiles, and button accents that need to feel grounded, not candy-bright. In print, it works well on food labels, menu covers, and editorial section rules when the paper is warm and you want the headline area to "stay lit."

One quirk: it can feel a little dense next to very pale yellows, so I like pairing it with cream, off-white, or toasted beige to keep the glow from clumping.

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
4.46:1FailAA Large

On Gray 100 #f5f5f5

Aa
4.09:1FailAA Large

On Gray 900 #18181b

Aa
3.97:1FailAA Large

On Black #000000

Aa
4.71: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

Create a gradient with Ginger

Open the generator with this color pre-loaded.

Start creating