Summer Glow

#eeaa44

Light, saturated golden-orange for lively highlights

Save
Share

About Summer Glow

It reads like late-afternoon sun on matte paper, not foil. Summer Glow sits lighter and more mellow than , so it feels airy instead of earned. And compared to , it's less coin-bright and less crisp, with a gentler yellow warmth that doesn't lean as aggressively brass.

For UI, I like it when you want "gold" to feel friendly and seasonal, not urgent. It works great for food and beauty packaging, summer limited-edition product cards, and category headers in e-commerce where you need contrast without turning orange-heat loud. It also holds well on hero thumbnails and promo tiles for hospitality and events, especially alongside charcoal or deep gray text to keep it grounded.

One quirk: because it's softer than the nearby highlights, pair it with slightly darker yellows or warm neutrals when you don't want it to blend into creams. This is the one you reach for when the moment should feel sunny and considered, not announcing itself.

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
2.01:1Fail

On Gray 100 #f5f5f5

Aa
1.84:1Fail

On Gray 900 #18181b

Aa
8.83:1AAA

On Black #000000

Aa
10.47: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 Summer Glow

Open the generator with this color pre-loaded.

Start creating