What are the hex codes in the Meadow Jade & Thistle palette?

The Meadow Jade & Thistle color palette consists of Espresso #37252C, Jade #00AE8E, Thistle #DBB7C5, Petal #EDE1E5.

How should I use the Meadow Jade & Thistle palette on a website?

Use Petal #EDE1E5 as the background, Espresso #37252C for text, Jade #00AE8E for buttons and links, and Thistle #DBB7C5 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Petal at 11.28:1.

Which colors in Meadow Jade & Thistle have enough contrast for text?

The highest-contrast pair is #37252C on #EDE1E5 with a ratio of 11.28:1, which passes WCAG AA for normal text.

#37252CEspresso

#00AE8EJade

#DBB7C5Thistle

#EDE1E5Petal

Meadow Jade & Thistle color palette

Minimal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Espresso	`#37252C`	`rgb(55, 37, 44)`	`hsl(337, 20%, 18%)`	`oklch(28.9% 0.030 354)`
Jade	`#00AE8E`	`rgb(0, 174, 142)`	`hsl(169, 100%, 34%)`	`oklch(66.9% 0.128 173)`
Thistle	`#DBB7C5`	`rgb(219, 183, 197)`	`hsl(337, 33%, 79%)`	`oklch(81.5% 0.045 353)`
Petal	`#EDE1E5`	`rgb(237, 225, 229)`	`hsl(340, 25%, 91%)`	`oklch(92.0% 0.014 355)`

Why it works and how to use it

Meadow Jade & Thistle is a complementary color palette tagged minimal. Espresso and Petal sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Jade takes the lead while the rest support. Lightness runs from 18% to 91%. Well suited to websites, presentations and branding.

Background: Petal (#EDE1E5) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#37252C) on #EDE1E5 gives 11.28:1, passing WCAG AAA.
Primary: Jade (#00AE8E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Thistle (#DBB7C5) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Petal at 11.28:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Meadow Jade & Thistle

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

#37252C

#00AE8E

#DBB7C5

#EDE1E5

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
`#37252C` on `#EDE1E5`	Aa	11.28:1	AAA
`#37252C` on `#DBB7C5`	Aa	7.92:1	AAA
`#37252C` on `#00AE8E`	Aa	5.09:1	AA
`#00AE8E` on `#EDE1E5`	Aa	2.22:1	Fail
`#00AE8E` on `#DBB7C5`	Aa	1.56:1	Fail
`#DBB7C5` on `#EDE1E5`	Aa	1.42:1	Fail

Similar palettes 24 more in this mood