What are the hex codes in the Azure Khaki & Dove Gray palette?

The Azure Khaki & Dove Gray color palette consists of Charcoal #353C54, Dove Gray #646E8E, Khaki #C6AB8C, Linen #F3EFE9.

How should I use the Azure Khaki & Dove Gray palette on a website?

Use Linen #F3EFE9 as the background, Charcoal #353C54 for text, Khaki #C6AB8C for buttons and links, and Dove Gray #646E8E for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Linen at 9.52:1.

Which colors in Azure Khaki & Dove Gray have enough contrast for text?

The highest-contrast pair is #353C54 on #F3EFE9 with a ratio of 9.52:1, which passes WCAG AA for normal text.

#353C54Charcoal

#646E8EDove Gray

#C6AB8CKhaki

#F3EFE9Linen

Azure Khaki & Dove Gray color palette

Boho Muted Minimal Gray Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Charcoal	`#353C54`	`rgb(53, 60, 84)`	`hsl(226, 23%, 27%)`	`oklch(36.0% 0.043 272)`
Dove Gray	`#646E8E`	`rgb(100, 110, 142)`	`hsl(226, 17%, 47%)`	`oklch(54.2% 0.052 271)`
Khaki	`#C6AB8C`	`rgb(198, 171, 140)`	`hsl(32, 34%, 66%)`	`oklch(75.7% 0.053 71)`
Linen	`#F3EFE9`	`rgb(243, 239, 233)`	`hsl(36, 29%, 93%)`	`oklch(95.4% 0.009 78)`

Why it works and how to use it

Azure Khaki & Dove Gray is a complementary color palette tagged boho, muted, minimal. Near-complementary hues (about 170° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Khaki takes the lead while the rest support. Lightness runs from 27% to 93%. Well suited to websites, presentations and branding.

Background: Linen (#F3EFE9) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#353C54) on #F3EFE9 gives 9.52:1, passing WCAG AAA.
Primary: Khaki (#C6AB8C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#646E8E) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Linen at 9.52:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Azure Khaki & Dove Gray

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

#353C54

#646E8E

#C6AB8C

#F3EFE9

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
`#353C54` on `#F3EFE9`	Aa	9.52:1	AAA
`#353C54` on `#C6AB8C`	Aa	4.99:1	AA
`#646E8E` on `#F3EFE9`	Aa	4.4:1	AA large only
`#646E8E` on `#C6AB8C`	Aa	2.31:1	Fail
`#353C54` on `#646E8E`	Aa	2.16:1	Fail
`#C6AB8C` on `#F3EFE9`	Aa	1.91:1	Fail

Similar palettes 24 more in this mood