Yuma Gold

#ffd678

Sunlit gold chartreuse warmth for soft highlights

Save
Share

About Yuma Gold

Yuma Gold looks like a sunlit custard crust when it hits the monitor in the afternoon. It's lighter than the richer Crème Pâtissière, but it still carries more true gold pigment than or . I notice that it doesn't go airy and almost-cream like those do. It reads warmer than pale creams, with a slightly higher golden undertone that makes it feel more "baked" than background.

Use it when you want the warmth to show up and stay put. I like it for food platforms, bakery sites, and hospitality interfaces where you're pairing hero food photography with UI blocks that need to feel appetizing, not washed out. Compared to and , it holds its color in bigger fields, so buttons, section headers, and card backgrounds feel the one you reach for when the page needs confidence without tipping into amber candy territory.

Quick note: next to very warm grays it can look a touch more yellow than expected. If that happens, nudge the surrounding neutrals cooler or give it contrast with teal or charcoal type.

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
1.39:1Fail

On Gray 100 #f5f5f5

Aa
1.27:1Fail

On Gray 900 #18181b

Aa
12.77:1AAA

On Black #000000

Aa
15.14:1AAA

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 Yuma Gold

Open the generator with this color pre-loaded.

Start creating