What are the hex codes in the Lush Maize & Jade palette?

The Lush Maize & Jade color palette consists of Obsidian #000A19, Spruce #0B5351, Jade #399976, Maize #EAED4C.

How should I use the Lush Maize & Jade palette on a website?

Use Maize #EAED4C as the background, Obsidian #000A19 for text, Spruce #0B5351 for buttons and links, and Jade #399976 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Maize at 15.81:1.

Which colors in Lush Maize & Jade have enough contrast for text?

The highest-contrast pair is #000A19 on #EAED4C with a ratio of 15.81:1, which passes WCAG AA for normal text.

#000A19Obsidian

#0B5351Spruce

#399976Jade

#EAED4CMaize

Lush Maize & Jade color palette

Space Dark Cold Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#000A19`	`rgb(0, 10, 25)`	`hsl(216, 100%, 5%)`	`oklch(14.2% 0.040 249)`
Spruce	`#0B5351`	`rgb(11, 83, 81)`	`hsl(178, 77%, 18%)`	`oklch(40.1% 0.065 192)`
Jade	`#399976`	`rgb(57, 153, 118)`	`hsl(158, 46%, 41%)`	`oklch(61.7% 0.105 166)`
Maize	`#EAED4C`	`rgb(234, 237, 76)`	`hsl(61, 82%, 61%)`	`oklch(91.6% 0.175 110)`

Why it works and how to use it

Lush Maize & Jade is a vivid dark, split color palette tagged space, dark, cold. The hues span about 117°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Spruce takes the lead while the rest support. Lightness runs from 5% to 61%. Well suited to dark-mode interfaces and gaming.

Background: Maize (#EAED4C) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#000A19) on #EAED4C gives 15.81:1, passing WCAG AAA.
Primary: Spruce (#0B5351) is the most saturated mid-tone; use it for buttons and links (7.05:1 against the background, fine for UI elements).
Accent: Jade (#399976) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Maize at 15.81:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Lush Maize & Jade

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

#000A19

#0B5351

#399976

#EAED4C

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
`#000A19` on `#EAED4C`	Aa	15.81:1	AAA
`#0B5351` on `#EAED4C`	Aa	7.05:1	AAA
`#000A19` on `#399976`	Aa	5.67:1	AA
`#399976` on `#EAED4C`	Aa	2.79:1	Fail
`#0B5351` on `#399976`	Aa	2.53:1	Fail
`#000A19` on `#0B5351`	Aa	2.24:1	Fail

Similar palettes 24 more in this mood