What are the hex codes in the Cool Honey & Eucalyptus palette?

The Cool Honey & Eucalyptus color palette consists of Honey #DA9900, Ice #B7FFF1, Eucalyptus #44E1B6, Moss #939563.

How should I use the Cool Honey & Eucalyptus palette on a website?

Use Ice #B7FFF1 as the background, Moss #939563 for text, Honey #DA9900 for buttons and links, and Eucalyptus #44E1B6 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Cool Honey & Eucalyptus have enough contrast for text?

The highest-contrast pair is #B7FFF1 on #939563 with a ratio of 2.77:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#DA9900Honey

#B7FFF1Ice

#44E1B6Eucalyptus

#939563Moss

Cool Honey & Eucalyptus color palette

Modern

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Honey	`#DA9900`	`rgb(218, 153, 0)`	`hsl(42, 100%, 43%)`	`oklch(72.8% 0.152 78)`
Ice	`#B7FFF1`	`rgb(183, 255, 241)`	`hsl(168, 100%, 86%)`	`oklch(94.9% 0.074 181)`
Eucalyptus	`#44E1B6`	`rgb(68, 225, 182)`	`hsl(164, 72%, 57%)`	`oklch(81.8% 0.143 170)`
Moss	`#939563`	`rgb(147, 149, 99)`	`hsl(62, 20%, 49%)`	`oklch(65.6% 0.069 110)`

Why it works and how to use it

Cool Honey & Eucalyptus is a vivid split color palette tagged modern. A split scheme: Honey plays against Moss across roughly 126° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Honey takes the lead while the rest support. Lightness runs from 43% to 86%. Well suited to websites, presentations and branding.

Background: Ice (#B7FFF1) is the lightest color, so it belongs on large surfaces.
Text: Moss (#939563) on #B7FFF1 gives 2.77:1, so pair it with a darker neutral for body copy.
Primary: Honey (#DA9900) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Eucalyptus (#44E1B6) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Cool Honey & Eucalyptus

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#DA9900

#B7FFF1

#44E1B6

#939563

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#B7FFF1` on `#939563`	Aa	2.77:1	Fail
`#DA9900` on `#B7FFF1`	Aa	2.18:1	Fail
`#44E1B6` on `#939563`	Aa	1.89:1	Fail
`#DA9900` on `#44E1B6`	Aa	1.49:1	Fail
`#B7FFF1` on `#44E1B6`	Aa	1.46:1	Fail
`#DA9900` on `#939563`	Aa	1.27:1	Fail

Similar palettes 24 more in this mood