Sunflower
#ffc512
Sunlit yellow-green for crisp, less orange UI accents
About Sunflower
Sunflower looks like a sunny sticker that's been stuck on a slightly warm surface. It's bright, but not sharp like a school-bus flash, and it doesn't drift orange the way Orangina does. Compared to Mikado Yellow's firm gold core, Sunflower feels a touch lighter and more open, with a smoother, more lemon-tilted undertone.
I use it when I want noticeable energy without the squeeze. Think restaurant promos, retail category headers, and e-commerce hero cards where you need quick legibility against soft grays and whites, but you don't want the cautionary vibe Citrus Splash can take on in cooler layouts. It also plays well in wellness and lifestyle onboarding screens, especially when you want the UI to feel upbeat rather than urgent. The one you reach for when brand elements need to pop next to natural wood, light denim, and muted greens.
Quirk: because it's lighter than the deeper golds, it can lose punch on very warm creams. If that's your background, pair it with charcoal or a clean cool white to keep the edges crisp.
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.