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

The Juicy Pear & Brass color palette consists of Licorice #1A1A1A, Brass #C5A300, Pear #B1D749, Beige #EAFADE.

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

Use Beige #EAFADE as the background, Licorice #1A1A1A for text, Brass #C5A300 for buttons and links, and Pear #B1D749 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Beige at 15.94:1.

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

The highest-contrast pair is #1A1A1A on #EAFADE with a ratio of 15.94:1, which passes WCAG AA for normal text.

#1A1A1ALicorice

#C5A300Brass

#B1D749Pear

#EAFADEBeige

Juicy Pear & Brass color palette

Modern Black Yellow

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Juicy Pear & Brass is a analogous color palette tagged modern, black, yellow. Analogous neighbors on the wheel (Brass, Pear, Beige) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Licorice	`#1A1A1A`	`rgb(26, 26, 26)`	`hsl(0, 0%, 10%)`	`oklch(21.8% 0.000 0)`
Brass	`#C5A300`	`rgb(197, 163, 0)`	`hsl(50, 100%, 39%)`	`oklch(72.5% 0.149 94)`
Pear	`#B1D749`	`rgb(177, 215, 73)`	`hsl(76, 64%, 56%)`	`oklch(82.5% 0.171 123)`
Beige	`#EAFADE`	`rgb(234, 250, 222)`	`hsl(94, 74%, 93%)`	`oklch(96.6% 0.041 132)`

Why it works and how to use it

It works because the lightness range is wide (10% to 93%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#1A1A1A` on `#EAFADE`	Aa	15.94:1	AAA
`#1A1A1A` on `#B1D749`	Aa	10.51:1	AAA
`#1A1A1A` on `#C5A300`	Aa	7.14:1	AAA
`#C5A300` on `#EAFADE`	Aa	2.23:1	Fail
`#B1D749` on `#EAFADE`	Aa	1.52:1	Fail
`#C5A300` on `#B1D749`	Aa	1.47:1	Fail

Juicy Pear & Brass color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Juicy Pear & Brass

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood