Yuma Gold

#ffd678

Save

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 Cantaloupe or Lemon Burst. 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 Cantaloupe and Lemon Burst, 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

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

Create a gradient with Yuma Gold

Open the generator with this color pre-loaded.

Start creating