Honey Crisp

#e9c160

Warm golden-green light for crisp, legible highlights

Save
Share

About Honey Crisp

Honey Crisp looks like the moment a cut apple catches sun through a window: bright, juicy, and noticeably lighter than the deeper golds around it. Compared to , it's not as buttery and browned, and it also doesn't lean quite as pale. Versus Crisps, it reads warmer and more saturated, with a fresher green-tinge in the undertone rather than a flatter gold neutrality. And next to , it stays airy and stops short of that richer, fully golden weight.

I reach for Honey Crisp in dashboards and finance apps when I want a high-energy highlight that still feels controlled. It's great for status pills, shipment or inventory callouts, and promo tags in retail and logistics interfaces, especially when the rest of the UI is sage, moss, or soft gray. It also works in editorial systems for section dots and small emphasis markers where you need warmth without turning the layout amber-heavy.

One quirk: because it's bright and green-leaning, it can feel slightly "too fresh" beside very honeyed browns. Pair it with charcoal, evergreen, or crisp off-whites so it lands clean.

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

On Gray 100 #f5f5f5

Aa
1.57:1Fail

On Gray 900 #18181b

Aa
10.34:1AAA

On Black #000000

Aa
12.26: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 Honey Crisp

Open the generator with this color pre-loaded.

Start creating