#F6F3EC
#DCE3D5
#9CAF88
#5B6B54
#F7F7F4Smoke
#D9E0E6Glacier
#8FA8BFDusty Blue
#5A6B7BStorm
Dusty Blue Wedding is a muted light, monochromatic color palette tagged wedding, muted, white. A monochromatic set: the same hue family from Storm down to Smoke. Saturation stays low across the board, giving it a calm, editorial feel. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #F7F7F4 | rgb(247, 247, 244) | hsl(60, 16%, 96%) | oklch(97.5% 0.004 106) | |
| Glacier | #D9E0E6 | rgb(217, 224, 230) | hsl(208, 21%, 88%) | oklch(90.3% 0.011 244) | |
| Dusty Blue | #8FA8BF | rgb(143, 168, 191) | hsl(209, 27%, 65%) | oklch(72.0% 0.044 246) | |
| Storm | #5A6B7B | rgb(90, 107, 123) | hsl(209, 15%, 42%) | oklch(52.0% 0.033 247) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (96% down to 42% lightness). A natural fit for invitations and event branding.
- Background: Smoke (#F7F7F4) is the lightest color, so it belongs on large surfaces.
- Text: Storm (#5A6B7B) on #F7F7F4 gives 5.12:1, passing WCAG AA.
- Primary: Dusty Blue (#8FA8BF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Glacier (#D9E0E6) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Storm at 5.12:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dusty Blue Wedding
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
#F7F7F4
#D9E0E6
#8FA8BF
#5A6B7B
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F7F7F4 on #5A6B7B | Aa | 5.12:1 | AA |
#D9E0E6 on #5A6B7B | Aa | 4.12:1 | AA large only |
#F7F7F4 on #8FA8BF | Aa | 2.3:1 | Fail |
#8FA8BF on #5A6B7B | Aa | 2.23:1 | Fail |
#D9E0E6 on #8FA8BF | Aa | 1.85:1 | Fail |
#F7F7F4 on #D9E0E6 | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#B89F6E
#DAC9A1
#6A6A5A
#F5F3EE
#273754
#52719E
#F1DDBE
#FDFAF5
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#7D93A8
#B3C3D1
#E3E9EE
#FBF8F3
#4B292F
#76444C
#CEBCB2
#F7F4F1
#B08968
#DDB892
#E6CCB2
#FFF6EA
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#F8F5FA
#E3D9EC
#B4A0C8
#5E5470
#FCEFF1
#F4C7CF
#E6A0AB
#5E4B4E
#265141
#48846C
#E7D5B9
#FDFAF4
#0F3D2E
#2E6B54
#C9B79C
#F7F4EE
#14233F
#405E89
#D8C4A6
#F8F5F0
#C99A2E
#E6C77A
#6B6B4E
#F7F3EA
#F9F1EA
#F1D6CD
#D4AF37
#4A3A30
#FFA891
#F7C6B5
#FBEDE7
#F0BC7A
#F6B078
#F0CBAA
#FBEDE7
#DAC777
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B
#FFF9F3
#FEDECA
#EA9978
#835E4E
#FFFDF7
#F2E7C9
#A6C48A
#D8879A
#763341
#A6465A
#F8D6C3
#FFF9F4
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#DDAD46
#FFE6A9
#858567
#FEFAF1