Sunflower Island

#ffcd01

Golden, saturated chartreuse-yellow for bold callouts

Save
Share

About Sunflower Island

Sunflower Island reads like a ripe yellow sitting just before it turns into banana bread. It's noticeably brighter than , but it doesn't feel thick or honeyed, and it stays cleaner than , which comes off more saturated and slightly punchier.

Compared to , this one feels less hard-edged and less "highlight tape," with a gentler, sun-warmed undertone instead of that faint green wink. I use Sunflower Island as the one you reach for when you need optimism with clarity, especially for product callouts on CPG and wellness pages where you want attention without the sharper, more plastic vibe. It also works well on retail media landing banners for promo tags and campaign chips, where it should look cheerful over light backgrounds and not drift into deeper gold.

Pair it with medium or dark greens, not olive-black. Next to very green-leaning yellows, it can look flatter, so give it contrast with a crisper green stroke.

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

On Gray 100 #f5f5f5

Aa
1.38:1Fail

On Gray 900 #18181b

Aa
11.80:1AAA

On Black #000000

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

Similar colors

Create a gradient with Sunflower Island

Open the generator with this color pre-loaded.

Start creating