What are the hex codes in the Bright Wheat & Dusty Blue palette?

The Bright Wheat & Dusty Blue color palette consists of Dusty Blue #6DADC0, Powder Blue #B0DAE2, Wheat #EDD5A0, Raisin #1B1B1D.

How should I use the Bright Wheat & Dusty Blue palette on a website?

Use Wheat #EDD5A0 as the background, Raisin #1B1B1D for text, Powder Blue #B0DAE2 for buttons and links, and Dusty Blue #6DADC0 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wheat on Raisin at 11.98:1.

Which colors in Bright Wheat & Dusty Blue have enough contrast for text?

The highest-contrast pair is #EDD5A0 on #1B1B1D with a ratio of 11.98:1, which passes WCAG AA for normal text.

#6DADC0Dusty Blue

#B0DAE2Powder Blue

#EDD5A0Wheat

#1B1B1DRaisin

Bright Wheat & Dusty Blue color palette

Summer Muted

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusty Blue	`#6DADC0`	`rgb(109, 173, 192)`	`hsl(194, 40%, 59%)`	`oklch(71.1% 0.071 219)`
Powder Blue	`#B0DAE2`	`rgb(176, 218, 226)`	`hsl(190, 46%, 79%)`	`oklch(86.1% 0.045 210)`
Wheat	`#EDD5A0`	`rgb(237, 213, 160)`	`hsl(41, 68%, 78%)`	`oklch(88.0% 0.074 86)`
Raisin	`#1B1B1D`	`rgb(27, 27, 29)`	`hsl(240, 4%, 11%)`	`oklch(22.3% 0.004 286)`

Why it works and how to use it

Bright Wheat & Dusty Blue is a complementary color palette tagged summer, muted. Near-complementary hues (about 153° 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, Powder Blue takes the lead while the rest support. Lightness runs from 11% to 79%. Well suited to websites, presentations and branding.

Background: Wheat (#EDD5A0) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#1B1B1D) on #EDD5A0 gives 11.98:1, passing WCAG AAA.
Primary: Powder Blue (#B0DAE2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusty Blue (#6DADC0) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wheat on Raisin at 11.98:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bright Wheat & Dusty Blue

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

#6DADC0

#B0DAE2

#EDD5A0

#1B1B1D

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
`#EDD5A0` on `#1B1B1D`	Aa	11.98:1	AAA
`#B0DAE2` on `#1B1B1D`	Aa	11.44:1	AAA
`#6DADC0` on `#1B1B1D`	Aa	6.87:1	AA
`#6DADC0` on `#EDD5A0`	Aa	1.74:1	Fail
`#6DADC0` on `#B0DAE2`	Aa	1.67:1	Fail
`#B0DAE2` on `#EDD5A0`	Aa	1.05:1	Fail

:root {
  --dusty-blue: #6DADC0;
  --powder-blue: #B0DAE2;
  --wheat: #EDD5A0;
  --raisin: #1B1B1D;
}

$dusty-blue: #6DADC0;
$powder-blue: #B0DAE2;
$wheat: #EDD5A0;
$raisin: #1B1B1D;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'dusty-blue': '#6DADC0',
        'powder-blue': '#B0DAE2',
        'wheat': '#EDD5A0',
        'raisin': '#1B1B1D',
      },
    },
  },
};

{
  "name": "Bright Wheat & Dusty Blue",
  "colors": [
    "#6DADC0",
    "#B0DAE2",
    "#EDD5A0",
    "#1B1B1D"
  ]
}

background: linear-gradient(135deg, #6DADC0, #B0DAE2, #EDD5A0, #1B1B1D);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-03-24 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood