Sunset Gold

#f6c362

Softer sunset gold for gentle, mid-accent warmth

Save
Share

About Sunset Gold

Sunset Gold reads like a late-afternoon glare on warm metal, not a breakfast syrup splash. It's in the same golden family as the nearby toast and griddle shades, but it comes across more golden and less toasted than , and it's drier and more directional than Mom's 's softer, syrupier yellow. Compared with , it holds less peel-bright orange and more mellow gold heat, so it doesn't tip peach.

For UI, I like it as the one you reach for when your green layout needs a confident highlight that still feels friendly, especially in grocery promos, quick-serve menu modules, and snack-brand merchandising where you're stacking product photos over pale greens. It also works well on onboarding and settings screens for section labels and CTA pills that need to stand out without looking like "sale neon."

Quirk: beside very cool grays, it can look a bit sharper and more reflective, so keep it next to creamy off-whites or light sage if you want it to feel rounded, not metallic.

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.63:1Fail

On Gray 100 #f5f5f5

Aa
1.49:1Fail

On Gray 900 #18181b

Aa
10.88:1AAA

On Black #000000

Aa
12.90: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.

Create a gradient with Sunset Gold

Open the generator with this color pre-loaded.

Start creating