What are the hex codes in the Jade & Brass Muse palette?

The Jade & Brass Muse color palette consists of Teal #00937E, Jade #3CA665, Moss #8C9E78, Brass #C1B84B.

How should I use the Jade & Brass Muse palette on a website?

Use Brass #C1B84B as the background, Teal #00937E for text, Jade #3CA665 for buttons and links, and Moss #8C9E78 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Jade & Brass Muse have enough contrast for text?

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

#00937ETeal

#3CA665Jade

#8C9E78Moss

#C1B84BBrass

Jade & Brass Muse color palette

Forest Nature Teal Green Yellow

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Jade & Brass Muse is a split color palette tagged forest, nature, teal. A split scheme: Teal plays against Brass across roughly 116° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Teal	`#00937E`	`rgb(0, 147, 126)`	`hsl(171, 100%, 29%)`	`oklch(59.3% 0.109 178)`
Jade	`#3CA665`	`rgb(60, 166, 101)`	`hsl(143, 47%, 44%)`	`oklch(64.8% 0.137 153)`
Moss	`#8C9E78`	`rgb(140, 158, 120)`	`hsl(88, 16%, 55%)`	`oklch(67.5% 0.058 128)`
Brass	`#C1B84B`	`rgb(193, 184, 75)`	`hsl(55, 49%, 53%)`	`oklch(76.9% 0.130 105)`

Why it works and how to use it

With 3 chromatic colors, Jade takes the lead while the rest support. Lightness runs from 29% to 55%. Well suited to wellness, organic and outdoor brands.

Background: Brass (#C1B84B) is the lightest color, so it belongs on large surfaces.
Text: Teal (#00937E) on #C1B84B gives 1.87:1, so pair it with a darker neutral for body copy.
Primary: Jade (#3CA665) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Moss (#8C9E78) 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 Jade & Brass Muse

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

#00937E

#3CA665

#8C9E78

#C1B84B

Color-blind check: under protanopia and deuteranopia and tritanopia, Teal and Jade, Teal and Moss, Jade and Moss become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#00937E` on `#C1B84B`	Aa	1.87:1	Fail
`#3CA665` on `#C1B84B`	Aa	1.5:1	Fail
`#8C9E78` on `#C1B84B`	Aa	1.41:1	Fail
`#00937E` on `#8C9E78`	Aa	1.33:1	Fail
`#00937E` on `#3CA665`	Aa	1.25:1	Fail
`#3CA665` on `#8C9E78`	Aa	1.06:1	Fail