What are the hex codes in the Brass & Dusk Breeze palette?

The Brass & Dusk Breeze color palette consists of Ink #0B1F3A, Dusk #35537F, Brass #94B100, Smoke #F7F3EE.

How should I use the Brass & Dusk Breeze palette on a website?

Use Smoke #F7F3EE as the background, Ink #0B1F3A for text, Brass #94B100 for buttons and links, and Dusk #35537F for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 14.95:1.

Which colors in Brass & Dusk Breeze have enough contrast for text?

The highest-contrast pair is #0B1F3A on #F7F3EE with a ratio of 14.95:1, which passes WCAG AA for normal text.

#0B1F3AInk

#35537FDusk

#94B100Brass

#F7F3EESmoke

Brass & Dusk Breeze color palette

Dark Cold White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#0B1F3A`	`rgb(11, 31, 58)`	`hsl(214, 68%, 14%)`	`oklch(23.9% 0.058 257)`
Dusk	`#35537F`	`rgb(53, 83, 127)`	`hsl(216, 41%, 35%)`	`oklch(44.0% 0.081 258)`
Brass	`#94B100`	`rgb(148, 177, 0)`	`hsl(70, 100%, 35%)`	`oklch(71.3% 0.171 121)`
Smoke	`#F7F3EE`	`rgb(247, 243, 238)`	`hsl(33, 36%, 95%)`	`oklch(96.6% 0.008 74)`

Why it works and how to use it

Brass & Dusk Breeze is a complementary color palette tagged dark, cold, white. Near-complementary hues (about 146° 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, Brass takes the lead while the rest support. Lightness runs from 14% to 95%. Well suited to websites, presentations and branding.

Background: Smoke (#F7F3EE) is the lightest color, so it belongs on large surfaces.
Text: Ink (#0B1F3A) on #F7F3EE gives 14.95:1, passing WCAG AAA.
Primary: Brass (#94B100) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#35537F) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 14.95:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Brass & Dusk Breeze

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

#0B1F3A

#35537F

#94B100

#F7F3EE

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
`#0B1F3A` on `#F7F3EE`	Aa	14.95:1	AAA
`#35537F` on `#F7F3EE`	Aa	7.05:1	AAA
`#0B1F3A` on `#94B100`	Aa	6.72:1	AA
`#35537F` on `#94B100`	Aa	3.17:1	AA large only
`#94B100` on `#F7F3EE`	Aa	2.22:1	Fail
`#0B1F3A` on `#35537F`	Aa	2.12:1	Fail

Similar palettes 24 more in this mood