Sailor Moon
#ffee00
Golden-chartreuse green for bold, warm pop highlights
About Sailor Moon
You see Sailor Moon in the little highlight on a crisp anime cel: bright, cheerfully saturated yellow with a soft, almost custard glow. It's not the buttery off-white softness of Lemon Curd, and it's not the springy, high-clarity punch of Pure Sunshine. Compared with Marsupilami's glossy toy-sun pop, this shade feels cleaner but less "fizzy," with a steadier, calmer lightness.
In practice, I use it as the one you reach for when green-heavy product pages need a label that feels playful without getting overly aggressive. Think retail and D2C storefront badges, category pills in food and wellness e-commerce, and attention callouts in editorial story cards. It also works well for UI accents in logistics and transit apps where the design is already busy, like section markers on dense maps, or status chips in admin panels.
One caution: on very warm backgrounds it can start to read a bit flat. Pair it with cooler creams or a dark green anchor so it stays crisp and "on-model," not washed out.
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.
