#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#342037Raisin
#725071Dusk
#A17698Gray
#F0EAF0Frost
Royal Gray & Dusk is a muted monochromatic color palette tagged luxury, dark, muted. A monochromatic set: the same hue family from Raisin down to Frost. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #342037 | rgb(52, 32, 55) | hsl(292, 26%, 17%) | oklch(27.9% 0.049 322) | |
| Dusk | #725071 | rgb(114, 80, 113) | hsl(302, 18%, 38%) | oklch(48.0% 0.067 328) | |
| Gray | #A17698 | rgb(161, 118, 152) | hsl(313, 19%, 55%) | oklch(62.0% 0.071 334) | |
| Frost | #F0EAF0 | rgb(240, 234, 240) | hsl(300, 17%, 93%) | oklch(94.3% 0.010 326) |
Why it works and how to use it
It works because the lightness range is wide (17% to 93%), which gives clear hierarchy between background, content and accents. Try it for premium branding and packaging.
- Background: Frost (#F0EAF0) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#342037) on #F0EAF0 gives 12.6:1, passing WCAG AAA.
- Primary: Gray (#A17698) is the most saturated mid-tone; use it for buttons and links (3.19:1 against the background, fine for UI elements).
- Accent: Dusk (#725071) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Frost at 12.6:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Royal Gray & Dusk
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
#342037
#725071
#A17698
#F0EAF0
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#342037 on #F0EAF0 | Aa | 12.6:1 | AAA |
#725071 on #F0EAF0 | Aa | 5.72:1 | AA |
#342037 on #A17698 | Aa | 3.95:1 | AA large only |
#A17698 on #F0EAF0 | Aa | 3.19:1 | AA large only |
#342037 on #725071 | Aa | 2.2:1 | Fail |
#725071 on #A17698 | Aa | 1.79:1 | Fail |
Similar palettes 24 more in this mood
#F5EEE6
#E1D3C2
#6B3A5B
#3A1F33
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#F0F0F0
#7454DD
#574F44
#0E0E0E
#EFEFEF
#A22DE0
#6A5F52
#222221
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#0E1B33
#375482
#B08D57
#F2EFE9
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#2C2B23
#676347
#7C7BFF
#F2F1EC
#3C1D1A
#84524E
#AB6E6A
#E2D9CE
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#1E1A2B
#5A4F6D
#B58FC9
#F2E9F7
#13111A
#4B4659
#8B7ECC
#EDEBF7
#0E0E0E
#434343
#F5B7C4
#FFF7F9
#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE
#343042
#6F6483
#CCA6E1
#FDF8FF
#202020
#595959
#E2C179
#FDFAF2
#030303
#4A4A4A
#ECC753
#FAFAFA
#1C1C1C
#5A5A5A
#FFD9E0
#FFF8FA
#36301F
#7F704C
#D1BB86
#FBF6E6
#4B292F
#76444C
#CEBCB2
#F7F4F1
#000000
#3B3B3B
#EEE4CF
#FFFDF8
#32171F
#75444F
#BDAB86
#F1EDE8