#E8E3DC
#0092BE
#716757
#140E05
#E1E0DFAlmond
#2D67ECRoyal Blue
#756D5DDove Gray
#0D0C0AObsidian
Royal Blue & Dove Gray Mist is a neutral-based color palette tagged luxury, minimal, gray. Built almost entirely from neutrals, with Royal Blue (#2D67EC) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Almond | #E1E0DF | rgb(225, 224, 223) | hsl(30, 3%, 88%) | oklch(90.7% 0.002 68) | |
| Royal Blue | #2D67EC | rgb(45, 103, 236) | hsl(222, 83%, 55%) | oklch(55.7% 0.210 263) | |
| Dove Gray | #756D5D | rgb(117, 109, 93) | hsl(40, 11%, 41%) | oklch(53.7% 0.026 85) | |
| Obsidian | #0D0C0A | rgb(13, 12, 10) | hsl(40, 13%, 5%) | oklch(15.5% 0.004 85) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Royal Blue to lead. Lightness runs from 5% to 88%. Well suited to premium branding and packaging.
- Background: Almond (#E1E0DF) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#0D0C0A) on #E1E0DF gives 14.83:1, passing WCAG AAA.
- Primary: Royal Blue (#2D67EC) is the most saturated mid-tone; use it for buttons and links (3.74:1 against the background, fine for UI elements).
- Accent: Dove Gray (#756D5D) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Obsidian at 14.83:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Royal Blue & Dove Gray Mist
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
#E1E0DF
#2D67EC
#756D5D
#0D0C0A
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E1E0DF on #0D0C0A | Aa | 14.83:1 | AAA |
#2D67EC on #0D0C0A | Aa | 3.97:1 | AA large only |
#E1E0DF on #756D5D | Aa | 3.88:1 | AA large only |
#756D5D on #0D0C0A | Aa | 3.82:1 | AA large only |
#E1E0DF on #2D67EC | Aa | 3.74:1 | AA large only |
#2D67EC on #756D5D | Aa | 1.04:1 | Fail |
Similar palettes 24 more in this mood
#110722
#747A9D
#FFA42D
#DDDFEA
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E0DA
#CF63FF
#564733
#140E05
#ECE7E0
#3376E0
#5C513F
#181107
#180201
#514949
#208C00
#DEDEDE
#2C2B23
#676347
#7C7BFF
#F2F1EC
#EEEDF1
#E58600
#716C78
#200F28
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#F2EEE8
#8064F0
#89795F
#2A241B
#1C1616
#8A6E6C
#24C43D
#F1ECEC
#EFEFEF
#A22DE0
#6A5F52
#222221
#1B1F2A
#6B7388
#2CB857
#EEF1F9
#302D26
#776C54
#C448CD
#F6F4EF
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#FCF0F2
#99717A
#008F4E
#302024
#F8F5EE
#F1BC00
#817A6A
#2C271D
#121212
#6B6B6B
#FFECB7
#EEEEEE
#E9E6DD
#FFDB55
#B5AE96
#3C3829
#13111A
#4B4659
#8B7ECC
#EDEBF7
#0E0E0E
#434343
#F5B7C4
#FFF7F9
#2B2B2A
#D8B500
#BEB8A1
#F7F7F6