What are the hex codes in the Jade & Charcoal Vibe palette?

The Jade & Charcoal Vibe color palette consists of Licorice #06141B, Charcoal #304F47, Jade #53A575, Ice #D4EADB.

How should I use the Jade & Charcoal Vibe palette on a website?

Use Ice #D4EADB as the background, Licorice #06141B for text, Jade #53A575 for buttons and links, and Charcoal #304F47 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Ice at 14.77:1.

Which colors in Jade & Charcoal Vibe have enough contrast for text?

The highest-contrast pair is #06141B on #D4EADB with a ratio of 14.77:1, which passes WCAG AA for normal text.

#06141BLicorice

#304F47Charcoal

#53A575Jade

#D4EADBIce

Jade & Charcoal Vibe color palette

Dark Minimal Black Green

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Licorice	`#06141B`	`rgb(6, 20, 27)`	`hsl(200, 64%, 6%)`	`oklch(18.2% 0.025 231)`
Charcoal	`#304F47`	`rgb(48, 79, 71)`	`hsl(165, 24%, 25%)`	`oklch(40.1% 0.039 176)`
Jade	`#53A575`	`rgb(83, 165, 117)`	`hsl(145, 33%, 49%)`	`oklch(65.7% 0.109 156)`
Ice	`#D4EADB`	`rgb(212, 234, 219)`	`hsl(139, 34%, 87%)`	`oklch(91.7% 0.031 156)`

Why it works and how to use it

Jade & Charcoal Vibe is an analogous color palette tagged dark, minimal, black. Analogous neighbors on the wheel (Charcoal, Jade, Ice) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (87% down to 6% lightness). A natural fit for websites, presentations and branding.

Background: Ice (#D4EADB) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#06141B) on #D4EADB gives 14.77:1, passing WCAG AAA.
Primary: Jade (#53A575) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Charcoal (#304F47) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Ice at 14.77:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Jade & Charcoal Vibe

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

#06141B

#304F47

#53A575

#D4EADB

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
`#06141B` on `#D4EADB`	Aa	14.77:1	AAA
`#304F47` on `#D4EADB`	Aa	7.11:1	AAA
`#06141B` on `#53A575`	Aa	6.24:1	AA
`#304F47` on `#53A575`	Aa	3:1	AA large only
`#53A575` on `#D4EADB`	Aa	2.37:1	Fail
`#06141B` on `#304F47`	Aa	2.08:1	Fail

Similar palettes 24 more in this mood