#030303Obsidian
#4A4A4AGraphite
#ECC753Saffron
#FAFAFASnow

Saffron & Obsidian Hour color palette

GoldLuxuryDarkMinimalBlackGrayYellowWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Saffron & Obsidian Hour is a muted neutral-based color palette tagged gold, luxury, dark. Saffron is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#030303rgb(3, 3, 3)hsl(0, 0%, 1%)oklch(9.7% 0.000 0)
Graphite#4A4A4Argb(74, 74, 74)hsl(0, 0%, 29%)oklch(40.9% 0.000 0)
Saffron#ECC753rgb(236, 199, 83)hsl(45, 80%, 63%)oklch(84.0% 0.139 91)
Snow#FAFAFArgb(250, 250, 250)hsl(0, 0%, 98%)oklch(98.5% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (98% down to 1% lightness). A natural fit for premium branding and packaging.

  • Background: Snow (#FAFAFA) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#030303) on #FAFAFA gives 19.76:1, passing WCAG AAA.
  • Primary: Saffron (#ECC753) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Graphite (#4A4A4A) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Snow at 19.76:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Saffron & Obsidian Hour

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
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#030303
#4A4A4A
#ECC753
#FAFAFA

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#030303 on #FAFAFAAa19.76:1AAA
#030303 on #ECC753Aa12.63:1AAA
#4A4A4A on #FAFAFAAa8.49:1AAA
#4A4A4A on #ECC753Aa5.43:1AA
#030303 on #4A4A4AAa2.33:1Fail
#ECC753 on #FAFAFAAa1.56:1Fail

Similar palettes 24 more in this mood

More gold palettes →More luxury palettes →More dark palettes →More minimal palettes →More black palettes →More gray palettes →More yellow palettes →More white palettes →