Honeymoon

#d7bb80

Soft yellow-leaning green for delicate, warm accents

Save
Share

About Honeymoon

Honeymoon reads like late-afternoon light caught in a pale green-gold envelope. It's lighter than , but it doesn't go milky-soft the way can. Compared to 24 Karat, it feels less honey-deep and more spring-washed. And unlike , it's cooler in tone, with a gentler yellow presence instead of that brighter, more forward warmth.

I reach for Honeymoon in editorial photo layouts when the skin tones or foliage need a highlight that won't compete. It also shows up nicely in consumer UI where you want a friendly accent for product cards and onboarding. Think e-commerce banners, subscription settings, and marketing emails that need warmth without turning into a loud gold button.

Quick caution: on very warm backgrounds it can flatten a bit, so test it next to soft creams. Pair it with muted sage, linen grays, or even a cool olive to keep the undertone consistent.

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

On Gray 100 #f5f5f5

Aa
1.70:1Fail

On Gray 900 #18181b

Aa
9.54:1AAA

On Black #000000

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

#e1b67c
#e3b982
#ddc283
#dcb68a
#d4bc94
#ceb790

Create a gradient with Honeymoon

Open the generator with this color pre-loaded.

Start creating