What are the hex codes in the Nocturne Burgundy & Hazelnut palette?

The Nocturne Burgundy & Hazelnut color palette consists of Obsidian #1D0008, Burgundy #711536, Hazelnut #AE8F47, Fog #DDD5CD.

How should I use the Nocturne Burgundy & Hazelnut palette on a website?

Use Fog #DDD5CD as the background, Obsidian #1D0008 for text, Burgundy #711536 for buttons and links, and Hazelnut #AE8F47 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Fog at 13.71:1.

Which colors in Nocturne Burgundy & Hazelnut have enough contrast for text?

The highest-contrast pair is #1D0008 on #DDD5CD with a ratio of 13.71:1, which passes WCAG AA for normal text.

#1D0008Obsidian

#711536Burgundy

#AE8F47Hazelnut

#DDD5CDFog

Nocturne Burgundy & Hazelnut color palette

Dark Warm Black Brown Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#1D0008`	`rgb(29, 0, 8)`	`hsl(343, 100%, 6%)`	`oklch(14.9% 0.060 4)`
Burgundy	`#711536`	`rgb(113, 21, 54)`	`hsl(338, 69%, 26%)`	`oklch(36.7% 0.127 5)`
Hazelnut	`#AE8F47`	`rgb(174, 143, 71)`	`hsl(42, 42%, 48%)`	`oklch(66.4% 0.098 86)`
Fog	`#DDD5CD`	`rgb(221, 213, 205)`	`hsl(30, 19%, 84%)`	`oklch(87.7% 0.014 68)`

Why it works and how to use it

Nocturne Burgundy & Hazelnut is an analogous color palette tagged dark, warm, black. Analogous neighbors on the wheel (Burgundy, Hazelnut, Fog) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 3 chromatic colors, Burgundy takes the lead while the rest support. Lightness runs from 6% to 84%. Well suited to websites, presentations and branding.

Background: Fog (#DDD5CD) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#1D0008) on #DDD5CD gives 13.71:1, passing WCAG AAA.
Primary: Burgundy (#711536) is the most saturated mid-tone; use it for buttons and links (7.77:1 against the background, fine for UI elements).
Accent: Hazelnut (#AE8F47) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Nocturne Burgundy & Hazelnut

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

#1D0008

#711536

#AE8F47

#DDD5CD

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
`#1D0008` on `#DDD5CD`	Aa	13.71:1	AAA
`#711536` on `#DDD5CD`	Aa	7.77:1	AAA
`#1D0008` on `#AE8F47`	Aa	6.46:1	AA
`#711536` on `#AE8F47`	Aa	3.66:1	AA large only
`#AE8F47` on `#DDD5CD`	Aa	2.12:1	Fail
`#1D0008` on `#711536`	Aa	1.76:1	Fail

:root {
  --obsidian: #1D0008;
  --burgundy: #711536;
  --hazelnut: #AE8F47;
  --fog: #DDD5CD;
}

$obsidian: #1D0008;
$burgundy: #711536;
$hazelnut: #AE8F47;
$fog: #DDD5CD;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'obsidian': '#1D0008',
        'burgundy': '#711536',
        'hazelnut': '#AE8F47',
        'fog': '#DDD5CD',
      },
    },
  },
};

{
  "name": "Nocturne Burgundy & Hazelnut",
  "colors": [
    "#1D0008",
    "#711536",
    "#AE8F47",
    "#DDD5CD"
  ]
}

background: linear-gradient(135deg, #1D0008, #711536, #AE8F47, #DDD5CD);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-09-29 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood