#5E8B86
#A7C4BC
#D9A87E
#F6F0E6
#353C54Charcoal
#646E8EDove Gray
#C6AB8CKhaki
#F3EFE9Linen
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.
Color codes click any value to copy
| Swatch | 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
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 SecondaryCard title
Card title
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.
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
#574D51
#9EB9B2
#EEEAD2
#DEBC92
#61684F
#9BA082
#C9AD97
#F5F2EE
#5C4B51
#8CBEB2
#F2EBBF
#F3B562
#C4A484
#E6D3B3
#A98467
#F7F1E8
#778452
#B9C288
#F1BF95
#FEF9F1
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#5E3A5B
#9A6B8E
#D9B98C
#F6EFE6
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9
#F9EDEA
#E8C4B8
#B76E79
#4A3F3C
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#3E4551
#677287
#EDF3FE
#FFE2A8
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#433D37
#AE9E8D
#FFD0C3
#FFEEE7
#73A19B
#C4E2DA
#EFBD92
#FFF9F0
#F3EBDD
#DCCFB8
#436449
#1C2A20
#FFF3EA
#CFB6A1
#5E7F92
#4D4E4F
#F4A583
#FFD6BB
#D0C2A9
#FFF9F1
#FBF7EF
#EAD9B8
#B3A1E5
#3A3226
#DC8A37
#F8B872
#91654D
#F5EEDF
#273754
#52719E
#F1DDBE
#FDFAF5
#FFF8F7
#FED9CD
#D88C97
#5C514E