Halo

#e2c392

Muted beige-green halo for grounded, soft highlights

Save
Share

About Halo

Halo reminds me of a light, sandy custard glaze over pale green herbs, the warmth softened so it doesn't tip fully golden. It's noticeably lighter and less amber-forward than , and it doesn't have 's deeper, brownier pull. Compared to , Halo feels a bit more airy and green-leaning, with a gentler saturation that reads calmer behind content.

I reach for it on product detail pages and e-commerce category grids when you want separation without beige blur. It also works well in SaaS where you need that soft stage for cards, filters, and chart panels, especially when the surrounding UI leans greener. If your interface is very warm or your photos skew yellow, Halo stays controlled, but it still benefits from crisp sage text or a slightly cooler neutral border.

Pair it with darker olive or charcoal to keep hierarchy sharp; otherwise it can feel too "background" next to stronger ochres.

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

On Gray 100 #f5f5f5

Aa
1.55:1Fail

On Gray 900 #18181b

Aa
10.51:1AAA

On Black #000000

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

#e6bf95
#e3c19c
#ddc283
#dfc685

Create a gradient with Halo

Open the generator with this color pre-loaded.

Start creating