What are the hex codes in the Copper & Gunmetal Vibe palette?

The Copper & Gunmetal Vibe color palette consists of Gunmetal #2B2D42, Pewter #8D99AE, Frost #EDF2F4, Copper #A97B00.

How should I use the Copper & Gunmetal Vibe palette on a website?

Use Frost #EDF2F4 as the background, Gunmetal #2B2D42 for text, Copper #A97B00 for buttons and links, and Pewter #8D99AE for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Frost at 11.95:1.

Which colors in Copper & Gunmetal Vibe have enough contrast for text?

The highest-contrast pair is #2B2D42 on #EDF2F4 with a ratio of 11.95:1, which passes WCAG AA for normal text.

#2B2D42Gunmetal

#8D99AEPewter

#EDF2F4Frost

#A97B00Copper

Copper & Gunmetal Vibe color palette

Modern Minimal Gray White Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Gunmetal	`#2B2D42`	`rgb(43, 45, 66)`	`hsl(235, 21%, 21%)`	`oklch(30.5% 0.038 280)`
Pewter	`#8D99AE`	`rgb(141, 153, 174)`	`hsl(218, 17%, 62%)`	`oklch(68.0% 0.034 262)`
Frost	`#EDF2F4`	`rgb(237, 242, 244)`	`hsl(197, 24%, 94%)`	`oklch(95.8% 0.006 223)`
Copper	`#A97B00`	`rgb(169, 123, 0)`	`hsl(44, 100%, 33%)`	`oklch(61.2% 0.126 82)`

Why it works and how to use it

Copper & Gunmetal Vibe is a complementary color palette tagged modern, minimal, gray. Gunmetal and Copper sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Copper takes the lead while the rest support. Lightness runs from 21% to 94%. Well suited to websites, presentations and branding.

Background: Frost (#EDF2F4) is the lightest color, so it belongs on large surfaces.
Text: Gunmetal (#2B2D42) on #EDF2F4 gives 11.95:1, passing WCAG AAA.
Primary: Copper (#A97B00) is the most saturated mid-tone; use it for buttons and links (3.37:1 against the background, fine for UI elements).
Accent: Pewter (#8D99AE) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Copper & Gunmetal Vibe

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

#2B2D42

#8D99AE

#EDF2F4

#A97B00

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
`#2B2D42` on `#EDF2F4`	Aa	11.95:1	AAA
`#2B2D42` on `#8D99AE`	Aa	4.69:1	AA
`#2B2D42` on `#A97B00`	Aa	3.55:1	AA large only
`#EDF2F4` on `#A97B00`	Aa	3.37:1	AA large only
`#8D99AE` on `#EDF2F4`	Aa	2.55:1	Fail
`#8D99AE` on `#A97B00`	Aa	1.32:1	Fail

Similar palettes 24 more in this mood