#68A4D2
#5181A8
#F3F0E8
#DAAD8C
#6DADC0Dusty Blue
#B0DAE2Powder Blue
#EDD5A0Wheat
#1B1B1DRaisin
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.
Color codes click any value to copy
| Swatch | 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
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 SecondaryCard title
Card title
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.
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 |
Similar palettes 24 more in this mood
#5BA4CF
#A8D5F2
#F2E8D5
#4A4238
#497697
#6DADC0
#B0DAE2
#D8ECF1
#FFBCC0
#FFE8EB
#CDFCC5
#789A88
#78C2EE
#CCEBFF
#FFF9EF
#5F574D
#FAF4DE
#F1E1A5
#88C2D7
#314757
#E6BF7E
#D9996B
#6398A8
#A6C6D5
#ECD0A5
#FCF9F4
#75B8AE
#50788A
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#C3DDAE
#7DAD9D
#568598
#F7F8F2
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#FFB703
#FB8500
#219EBC
#8ECAE6
#F94144
#F3722C
#F9C74F
#90BE6D
#FF5E78
#FF8A9B
#C7EFCF
#3D8361
#FFCB77
#FEF9EF
#17C3B2
#227C9D
#FF8C42
#FFB347
#FFD166
#FFF1CC
#00B0CA
#79D213
#00ED9D
#58FDEE
#E16700
#D98900
#D5D65B
#67C48E
#5AA2D9
#8BB1FF
#00CED9
#5ED8FF
#E8E5DC
#CEC5AE
#00A7F3
#1F1A0D
#DA8331
#FF9F86
#FFD278
#FFD0D5
#00C184
#64D2FC
#A9D875
#3DEEEC
#332C19
#75673F
#A561FF
#E7E2D6
#7CEAE6
#35D7FF
#74BDFD
#788BF6