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

The Brass & Dusk Echo color palette consists of Ink #1E1A2B, Dusk #5A4F6D, Brass #AAA35C, Lavender #F2E9F7.

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

Use Lavender #F2E9F7 as the background, Ink #1E1A2B for text, Brass #AAA35C for buttons and links, and Dusk #5A4F6D for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Lavender at 14.36:1.

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

The highest-contrast pair is #1E1A2B on #F2E9F7 with a ratio of 14.36:1, which passes WCAG AA for normal text.

#1E1A2BInk

#5A4F6DDusk

#AAA35CBrass

#F2E9F7Lavender

Brass & Dusk Echo color palette

Dark Muted Minimal White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#1E1A2B`	`rgb(30, 26, 43)`	`hsl(254, 25%, 14%)`	`oklch(23.1% 0.033 294)`
Dusk	`#5A4F6D`	`rgb(90, 79, 109)`	`hsl(262, 16%, 37%)`	`oklch(45.0% 0.050 301)`
Brass	`#AAA35C`	`rgb(170, 163, 92)`	`hsl(55, 31%, 51%)`	`oklch(70.5% 0.093 104)`
Lavender	`#F2E9F7`	`rgb(242, 233, 247)`	`hsl(279, 47%, 94%)`	`oklch(94.5% 0.021 314)`

Why it works and how to use it

Brass & Dusk Echo is a complementary color palette tagged dark, muted, minimal. Near-complementary hues (about 161° 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 94%. Well suited to websites, presentations and branding.

Background: Lavender (#F2E9F7) is the lightest color, so it belongs on large surfaces.
Text: Ink (#1E1A2B) on #F2E9F7 gives 14.36:1, passing WCAG AAA.
Primary: Brass (#AAA35C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#5A4F6D) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Brass & Dusk Echo

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

#1E1A2B

#5A4F6D

#AAA35C

#F2E9F7

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
`#1E1A2B` on `#F2E9F7`	Aa	14.36:1	AAA
`#1E1A2B` on `#AAA35C`	Aa	6.55:1	AA
`#5A4F6D` on `#F2E9F7`	Aa	6.41:1	AA
`#5A4F6D` on `#AAA35C`	Aa	2.92:1	Fail
`#1E1A2B` on `#5A4F6D`	Aa	2.24:1	Fail
`#AAA35C` on `#F2E9F7`	Aa	2.19:1	Fail

Similar palettes 24 more in this mood