Medallion
#c3a679
Warm muted gold-green for calmer headers
About Medallion
Medallion reads like a sun-warmed medallion you'd polish and then leave slightly soft at the edges. It's in the Green family, but it doesn't drift sandy like Gold Rush, and it doesn't get nearly as light and background-friendly as Croissant. Compared to Faded Letter, it hangs onto more saturation, so it doesn't feel handled or washed out.
I reach for Medallion when I want a badge-like accent that still feels grounded, not tea-brown or dusty. Think dashboards and finance apps where you need a category chip, status pill, or section highlight that stays noticeable without screaming. It also shows up nicely in logistics portals and media CMS interfaces for callout headers, especially when the rest of the UI leans green but needs a clear warm anchor. Pair it with deep charcoal type and off-white UI surfaces so it keeps its midtone energy; with colder whites it can start to look a touch less gold.
Quirk: if your shadows are too gray, the warmth can flatten. A slightly deeper tan or olive shadow brings it back.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.