Citrus Splash

#ffc400

Save

About Citrus Splash

Citrus Splash sits between Bumblebee's electric punch and Aurora's soft landing, it's got the saturation to actually feel present, but it's noticeably cooler and less aggressive than either. This is the yellow that reads as friendly without trying too hard, the one that doesn't make you squint or second-guess the pairing.

You'll use it on restaurant homepages, wellness app interfaces, and product detail pages where energy matters but warmth shouldn't dominate. Unlike Bumblebee, which demands depth to settle, this one plays well with mid-tone backgrounds and soft grays without needing a safety buffer. It's got enough backbone to hold white type cleanly and enough restraint to sit next to pastels without flattening them. Aurora's lighter, Angry Pasta's warmer, Citrus Splash lands in the practical middle.

The trick: it's less forgiving on warm neutrals than the deeper yellows, so test it against cream or warm taupe before committing. Pair it with navy, sage, or natural wood and it settles in exactly where you need it.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Citrus Splash

Open the generator with this color pre-loaded.

Start creating