What are the hex codes in the Amethyst & Dusk Tale palette?

The Amethyst & Dusk Tale color palette consists of Obsidian #0D071D, Dusk #503776, Amethyst #8E69B3, Thistle #D3B6E5.

How should I use the Amethyst & Dusk Tale palette on a website?

Use Thistle #D3B6E5 as the background, Obsidian #0D071D for text, Dusk #503776 for buttons and links, and Amethyst #8E69B3 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Thistle at 10.88:1.

Which colors in Amethyst & Dusk Tale have enough contrast for text?

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

#0D071DObsidian

#503776Dusk

#8E69B3Amethyst

#D3B6E5Thistle

Amethyst & Dusk Tale color palette

Dark Cold Black Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#0D071D`	`rgb(13, 7, 29)`	`hsl(256, 61%, 7%)`	`oklch(15.3% 0.046 293)`
Dusk	`#503776`	`rgb(80, 55, 118)`	`hsl(264, 36%, 34%)`	`oklch(39.6% 0.105 300)`
Amethyst	`#8E69B3`	`rgb(142, 105, 179)`	`hsl(270, 33%, 56%)`	`oklch(58.8% 0.116 306)`
Thistle	`#D3B6E5`	`rgb(211, 182, 229)`	`hsl(277, 47%, 81%)`	`oklch(81.6% 0.072 312)`

Why it works and how to use it

Amethyst & Dusk Tale is a monochromatic color palette tagged dark, cold, black. All four colors sit within 13° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 3 chromatic colors, Dusk takes the lead while the rest support. Lightness runs from 7% to 81%. Well suited to websites, presentations and branding.

Background: Thistle (#D3B6E5) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#0D071D) on #D3B6E5 gives 10.88:1, passing WCAG AAA.
Primary: Dusk (#503776) is the most saturated mid-tone; use it for buttons and links (5.39:1 against the background, fine for UI elements).
Accent: Amethyst (#8E69B3) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Thistle at 10.88:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Amethyst & Dusk Tale

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

#0D071D

#503776

#8E69B3

#D3B6E5

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
`#0D071D` on `#D3B6E5`	Aa	10.88:1	AAA
`#503776` on `#D3B6E5`	Aa	5.39:1	AA
`#0D071D` on `#8E69B3`	Aa	4.53:1	AA
`#8E69B3` on `#D3B6E5`	Aa	2.4:1	Fail
`#503776` on `#8E69B3`	Aa	2.24:1	Fail
`#0D071D` on `#503776`	Aa	2.02:1	Fail

Similar palettes 24 more in this mood