What are the hex codes in the Leafy Burgundy & Pewter palette?

The Leafy Burgundy & Pewter color palette consists of Ice #DBE5ED, Pewter #7E9CB0, Obsidian #060D00, Burgundy #6C003B.

How should I use the Leafy Burgundy & Pewter palette on a website?

Use Ice #DBE5ED as the background, Obsidian #060D00 for text, Burgundy #6C003B for buttons and links, and Pewter #7E9CB0 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Obsidian at 15.43:1.

Which colors in Leafy Burgundy & Pewter have enough contrast for text?

The highest-contrast pair is #DBE5ED on #060D00 with a ratio of 15.43:1, which passes WCAG AA for normal text.

#DBE5EDIce

#7E9CB0Pewter

#060D00Obsidian

#6C003BBurgundy

Leafy Burgundy & Pewter color palette

Dark Minimal Gray Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ice	`#DBE5ED`	`rgb(219, 229, 237)`	`hsl(207, 33%, 89%)`	`oklch(91.7% 0.015 242)`
Pewter	`#7E9CB0`	`rgb(126, 156, 176)`	`hsl(204, 24%, 59%)`	`oklch(67.7% 0.045 238)`
Obsidian	`#060D00`	`rgb(6, 13, 0)`	`hsl(92, 100%, 3%)`	`oklch(14.6% 0.038 128)`
Burgundy	`#6C003B`	`rgb(108, 0, 59)`	`hsl(327, 100%, 21%)`	`oklch(34.6% 0.141 357)`

Why it works and how to use it

Leafy Burgundy & Pewter is a vivid split color palette tagged dark, minimal, gray. The hues span about 123°, 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, Burgundy takes the lead while the rest support. Lightness runs from 3% to 89%. Well suited to websites, presentations and branding.

Background: Ice (#DBE5ED) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#060D00) on #DBE5ED gives 15.43:1, passing WCAG AAA.
Primary: Burgundy (#6C003B) is the most saturated mid-tone; use it for buttons and links (9.67:1 against the background, fine for UI elements).
Accent: Pewter (#7E9CB0) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Leafy Burgundy & Pewter

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

#DBE5ED

#7E9CB0

#060D00

#6C003B

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
`#DBE5ED` on `#060D00`	Aa	15.43:1	AAA
`#DBE5ED` on `#6C003B`	Aa	9.67:1	AAA
`#7E9CB0` on `#060D00`	Aa	6.82:1	AA
`#7E9CB0` on `#6C003B`	Aa	4.27:1	AA large only
`#DBE5ED` on `#7E9CB0`	Aa	2.26:1	Fail
`#060D00` on `#6C003B`	Aa	1.6:1	Fail

Similar palettes 24 more in this mood