What are the hex codes in the Juicy Emerald & Pear palette?

The Juicy Emerald & Pear color palette consists of Marigold #DDA300, Pear #D3E359, Emerald #35D07D, White #FDFDFD.

How should I use the Juicy Emerald & Pear palette on a website?

Use White #FDFDFD as the background, Marigold #DDA300 for text, Pear #D3E359 for buttons and links, and Emerald #35D07D for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Juicy Emerald & Pear have enough contrast for text?

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

#DDA300Marigold

#D3E359Pear

#35D07DEmerald

#FDFDFDWhite

Juicy Emerald & Pear color palette

Food Light Vibrant Yellow Green White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Marigold	`#DDA300`	`rgb(221, 163, 0)`	`hsl(44, 100%, 43%)`	`oklch(75.0% 0.154 83)`
Pear	`#D3E359`	`rgb(211, 227, 89)`	`hsl(67, 71%, 62%)`	`oklch(87.8% 0.161 115)`
Emerald	`#35D07D`	`rgb(53, 208, 125)`	`hsl(148, 62%, 51%)`	`oklch(76.0% 0.174 154)`
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`

Why it works and how to use it

Juicy Emerald & Pear is a split color palette tagged food, light, vibrant. The hues span about 104°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Pear takes the lead while the rest support. Lightness runs from 43% to 99%. Well suited to menus and packaging.

Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
Text: Marigold (#DDA300) on #FDFDFD gives 2.22:1, so pair it with a darker neutral for body copy.
Primary: Pear (#D3E359) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Emerald (#35D07D) 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 Juicy Emerald & Pear

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

#DDA300

#D3E359

#35D07D

#FDFDFD

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
`#DDA300` on `#FDFDFD`	Aa	2.22:1	Fail
`#35D07D` on `#FDFDFD`	Aa	1.97:1	Fail
`#DDA300` on `#D3E359`	Aa	1.6:1	Fail
`#D3E359` on `#35D07D`	Aa	1.42:1	Fail
`#D3E359` on `#FDFDFD`	Aa	1.39:1	Fail
`#DDA300` on `#35D07D`	Aa	1.12:1	Fail

Similar palettes 24 more in this mood