What are the hex codes in the Golden Pear & Maize palette?

The Golden Pear & Maize color palette consists of Pear #D4E23D, Maize #DDF691, Dusk #5C3D82, Ink #1E0E30.

How should I use the Golden Pear & Maize palette on a website?

Use Maize #DDF691 as the background, Ink #1E0E30 for text, Pear #D4E23D for buttons and links, and Dusk #5C3D82 for accents. 4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Maize on Ink at 15.22:1.

Which colors in Golden Pear & Maize have enough contrast for text?

The highest-contrast pair is #DDF691 on #1E0E30 with a ratio of 15.22:1, which passes WCAG AA for normal text.

#D4E23DPear

#DDF691Maize

#5C3D82Dusk

#1E0E30Ink

Golden Pear & Maize color palette

Dark Cold

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Pear	`#D4E23D`	`rgb(212, 226, 61)`	`hsl(65, 74%, 56%)`	`oklch(87.4% 0.179 114)`
Maize	`#DDF691`	`rgb(221, 246, 145)`	`hsl(75, 85%, 77%)`	`oklch(93.3% 0.129 120)`
Dusk	`#5C3D82`	`rgb(92, 61, 130)`	`hsl(267, 36%, 37%)`	`oklch(42.8% 0.114 303)`
Ink	`#1E0E30`	`rgb(30, 14, 48)`	`hsl(268, 55%, 12%)`	`oklch(20.8% 0.066 303)`

Why it works and how to use it

Golden Pear & Maize is a vivid complementary color palette tagged dark, cold. Near-complementary hues (about 168° apart) make this a high-contrast, attention-grabbing combination. 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, Pear takes the lead while the rest support. Lightness runs from 12% to 77%. Well suited to websites, presentations and branding.

Background: Maize (#DDF691) is the lightest color, so it belongs on large surfaces.
Text: Ink (#1E0E30) on #DDF691 gives 15.22:1, passing WCAG AAA.
Primary: Pear (#D4E23D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#5C3D82) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Maize on Ink at 15.22:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Golden Pear & Maize

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

#D4E23D

#DDF691

#5C3D82

#1E0E30

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
`#DDF691` on `#1E0E30`	Aa	15.22:1	AAA
`#D4E23D` on `#1E0E30`	Aa	12.7:1	AAA
`#DDF691` on `#5C3D82`	Aa	7.23:1	AAA
`#D4E23D` on `#5C3D82`	Aa	6.03:1	AA
`#5C3D82` on `#1E0E30`	Aa	2.11:1	Fail
`#D4E23D` on `#DDF691`	Aa	1.2:1	Fail

Similar palettes 24 more in this mood