What are the hex codes in the Regal Steel Blue & Dove Gray palette?

The Regal Steel Blue & Dove Gray color palette consists of Almond #E8E3DC, Steel Blue #0092BE, Dove Gray #716757, Licorice #140E05.

How should I use the Regal Steel Blue & Dove Gray palette on a website?

Use Almond #E8E3DC as the background, Licorice #140E05 for text, Steel Blue #0092BE for buttons and links, and Dove Gray #716757 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Licorice at 15.03:1.

Which colors in Regal Steel Blue & Dove Gray have enough contrast for text?

The highest-contrast pair is #E8E3DC on #140E05 with a ratio of 15.03:1, which passes WCAG AA for normal text.

#E8E3DCAlmond

#0092BESteel Blue

#716757Dove Gray

#140E05Licorice

Regal Steel Blue & Dove Gray color palette

Luxury Minimal Gray Blue Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Almond	`#E8E3DC`	`rgb(232, 227, 220)`	`hsl(35, 21%, 89%)`	`oklch(91.8% 0.011 77)`
Steel Blue	`#0092BE`	`rgb(0, 146, 190)`	`hsl(194, 100%, 37%)`	`oklch(61.7% 0.121 228)`
Dove Gray	`#716757`	`rgb(113, 103, 87)`	`hsl(37, 13%, 39%)`	`oklch(51.8% 0.027 80)`
Licorice	`#140E05`	`rgb(20, 14, 5)`	`hsl(36, 60%, 5%)`	`oklch(16.8% 0.021 79)`

Why it works and how to use it

Regal Steel Blue & Dove Gray is a complementary color palette tagged luxury, minimal, gray. Near-complementary hues (about 159° 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.

Two of the four colors are near-neutral, which leaves room for Steel Blue to lead. Lightness runs from 5% to 89%. Well suited to premium branding and packaging.

Background: Almond (#E8E3DC) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#140E05) on #E8E3DC gives 15.03:1, passing WCAG AAA.
Primary: Steel Blue (#0092BE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#716757) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Licorice at 15.03:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Regal Steel Blue & Dove Gray

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

#E8E3DC

#0092BE

#716757

#140E05

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
`#E8E3DC` on `#140E05`	Aa	15.03:1	AAA
`#0092BE` on `#140E05`	Aa	5.35:1	AA
`#E8E3DC` on `#716757`	Aa	4.35:1	AA large only
`#716757` on `#140E05`	Aa	3.45:1	AA large only
`#E8E3DC` on `#0092BE`	Aa	2.81:1	Fail
`#0092BE` on `#716757`	Aa	1.55:1	Fail

:root {
  --almond: #E8E3DC;
  --steel-blue: #0092BE;
  --dove-gray: #716757;
  --licorice: #140E05;
}

$almond: #E8E3DC;
$steel-blue: #0092BE;
$dove-gray: #716757;
$licorice: #140E05;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'almond': '#E8E3DC',
        'steel-blue': '#0092BE',
        'dove-gray': '#716757',
        'licorice': '#140E05',
      },
    },
  },
};

{
  "name": "Regal Steel Blue & Dove Gray",
  "colors": [
    "#E8E3DC",
    "#0092BE",
    "#716757",
    "#140E05"
  ]
}

background: linear-gradient(135deg, #E8E3DC, #0092BE, #716757, #140E05);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-09-21 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood