Mellow Drama
#ffc65f
Soft peach-chartreuse warm tint for calmer highlights
About Mellow Drama
Mellow Drama is the kind of gold that looks like a soft-lit corner of a theater lobby, not a flash. It sits in that warm family, but it feels more mellow and less honey-syrupy than Honeypot, and it's also less corn-chip calm than Nacho. Compared with Deep Fried Sunrays, it doesn't go as toasted or fryer-deep, so the warmth reads smoother and lighter on the eye.
For UI, I use it on seasonal promo banners and product tiles in grocery and quick-serve apps where you want appetite without the color getting loud. It's great for onboarding and marketing landing pages too, especially behind photos of bread, pastries, or late-afternoon interiors. If the layout already has greens, this shade acts like a the one you reach for highlight that keeps the page feeling friendly.
Watch the pairing if you drop it next to very cool grays, it can pick up a slightly peachy tint. Keep a neutral cream or deeper olive nearby so it stays "gold" instead of drifting warmer.
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.
