What are the hex codes in the Iron & Rust palette?

The Iron & Rust color palette consists of Gunmetal #2B2D42, Pewter #8D99AE, Frost #EDF2F4, Vermilion #EF233C.

How should I use the Iron & Rust palette on a website?

Use Frost #EDF2F4 as the background, Gunmetal #2B2D42 for text, Vermilion #EF233C 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 Iron & Rust 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

#EF233CVermilion

Iron & Rust color palette

Modern Tech Neon Minimal Gray White Red

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)`
Vermilion	`#EF233C`	`rgb(239, 35, 60)`	`hsl(353, 86%, 54%)`	`oklch(61.2% 0.231 23)`

Why it works and how to use it

Iron & Rust is a complementary color palette tagged modern, tech, neon. Near-complementary hues (about 156° 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 3 chromatic colors, Vermilion takes the lead while the rest support. Lightness runs from 21% to 94%. Well suited to a SaaS landing page or dashboard.

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: Vermilion (#EF233C) is the most saturated mid-tone; use it for buttons and links (3.74: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 Iron & Rust

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

#EF233C

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
`#EDF2F4` on `#EF233C`	Aa	3.74:1	AA large only
`#2B2D42` on `#EF233C`	Aa	3.2:1	AA large only
`#8D99AE` on `#EDF2F4`	Aa	2.55:1	Fail
`#8D99AE` on `#EF233C`	Aa	1.47:1	Fail

Similar palettes 26 more in this mood