Orangina

#fec615

Juicy orange-yellow highlight, warmer than chartreuse greens

Save
Share

About Orangina

Orange juice in a clear glass, still cold, is the first thing I think of. Orangina lands lighter than the deeper golden yellows, and it's more saturated than the softer citrus options without going fully electric. Compared to 's humming intensity, this one feels more rounded and friendly. Versus Goldenrod's honeyed weight, Orangina is brighter and thinner in the fill, with a distinctly orangey undertone rather than a straw-gold body.

I use Orangina where you need fast attention but you don't want the screen to feel pushy. Think restaurant homepages, wellness app interfaces, and product detail pages with promo callouts that should read "fresh" more than "urgent." It also holds up well against mid-tone backgrounds and white type better than the cooler citrus yellows, where warmth can get lost. The practical sweet spot is that it stays bold next to grays and soft greens without leaning greenish like some yellows do.

Quick quirk: on very warm creams it can start to look flat, so I usually pair it with navy, charcoal, or natural wood tones to keep it crisp.

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

On Gray 100 #f5f5f5

Aa
1.45:1Fail

On Gray 900 #18181b

Aa
11.22:1AAA

On Black #000000

Aa
13.30: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

#ffc512
#ffc82a
#fdcb18
#fcc006
#ffcc11

Create a gradient with Orangina

Open the generator with this color pre-loaded.

Start creating