What are the hex codes in the Blue Gray & Papaya Mist palette?

The Blue Gray & Papaya Mist color palette consists of Gunmetal #28323A, Dove Gray #596D8C, Blue Gray #7390B8, Papaya #FFEDC5.

How should I use the Blue Gray & Papaya Mist palette on a website?

Use Papaya #FFEDC5 as the background, Gunmetal #28323A for text, Blue Gray #7390B8 for buttons and links, and Dove Gray #596D8C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Papaya at 11.3:1.

Which colors in Blue Gray & Papaya Mist have enough contrast for text?

The highest-contrast pair is #28323A on #FFEDC5 with a ratio of 11.3:1, which passes WCAG AA for normal text.

#28323AGunmetal

#596D8CDove Gray

#7390B8Blue Gray

#FFEDC5Papaya

Blue Gray & Papaya Mist color palette

Muted Minimal Gray Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Gunmetal	`#28323A`	`rgb(40, 50, 58)`	`hsl(207, 18%, 19%)`	`oklch(31.1% 0.020 242)`
Dove Gray	`#596D8C`	`rgb(89, 109, 140)`	`hsl(216, 22%, 45%)`	`oklch(53.1% 0.055 259)`
Blue Gray	`#7390B8`	`rgb(115, 144, 184)`	`hsl(215, 33%, 59%)`	`oklch(64.6% 0.069 257)`
Papaya	`#FFEDC5`	`rgb(255, 237, 197)`	`hsl(41, 100%, 89%)`	`oklch(95.1% 0.055 87)`

Why it works and how to use it

Blue Gray & Papaya Mist is a complementary color palette tagged muted, minimal, gray. Near-complementary hues (about 175° 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.

With 4 chromatic colors, Blue Gray takes the lead while the rest support. Lightness runs from 19% to 89%. Well suited to websites, presentations and branding.

Background: Papaya (#FFEDC5) is the lightest color, so it belongs on large surfaces.
Text: Gunmetal (#28323A) on #FFEDC5 gives 11.3:1, passing WCAG AAA.
Primary: Blue Gray (#7390B8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#596D8C) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Papaya at 11.3:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Blue Gray & Papaya Mist

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

#28323A

#596D8C

#7390B8

#FFEDC5

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
`#28323A` on `#FFEDC5`	Aa	11.3:1	AAA
`#596D8C` on `#FFEDC5`	Aa	4.55:1	AA
`#28323A` on `#7390B8`	Aa	3.99:1	AA large only
`#7390B8` on `#FFEDC5`	Aa	2.83:1	Fail
`#28323A` on `#596D8C`	Aa	2.48:1	Fail
`#596D8C` on `#7390B8`	Aa	1.61:1	Fail

:root {
  --gunmetal: #28323A;
  --dove-gray: #596D8C;
  --blue-gray: #7390B8;
  --papaya: #FFEDC5;
}

$gunmetal: #28323A;
$dove-gray: #596D8C;
$blue-gray: #7390B8;
$papaya: #FFEDC5;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'gunmetal': '#28323A',
        'dove-gray': '#596D8C',
        'blue-gray': '#7390B8',
        'papaya': '#FFEDC5',
      },
    },
  },
};

{
  "name": "Blue Gray & Papaya Mist",
  "colors": [
    "#28323A",
    "#596D8C",
    "#7390B8",
    "#FFEDC5"
  ]
}

background: linear-gradient(135deg, #28323A, #596D8C, #7390B8, #FFEDC5);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2026-06-11 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood