#FDFDFDWhite
#737373Dove Gray
#1800A7Navy
#050505Obsidian

Bold Navy & White color palette

DarkNeonMinimalWhiteGrayBlueBlack
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Bold Navy & White is a neutral-based color palette tagged dark, neon, minimal. Navy is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
White#FDFDFDrgb(253, 253, 253)hsl(0, 0%, 99%)oklch(99.4% 0.000 0)
Dove Gray#737373rgb(115, 115, 115)hsl(0, 0%, 45%)oklch(55.6% 0.000 0)
Navy#1800A7rgb(24, 0, 167)hsl(249, 100%, 33%)oklch(33.7% 0.223 269)
Obsidian#050505rgb(5, 5, 5)hsl(0, 0%, 2%)oklch(11.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 (99% down to 2% lightness). A natural fit for websites, presentations and branding.

  • Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#050505) on #FDFDFD gives 20.04:1, passing WCAG AAA.
  • Primary: Navy (#1800A7) is the most saturated mid-tone; use it for buttons and links (12.93:1 against the background, fine for UI elements).
  • Accent: Dove Gray (#737373) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Navy & White

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

#FDFDFD
#737373
#1800A7
#050505

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FDFDFD on #050505Aa20.04:1AAA
#FDFDFD on #1800A7Aa12.93:1AAA
#FDFDFD on #737373Aa4.66:1AA
#737373 on #050505Aa4.3:1AA large only
#737373 on #1800A7Aa2.77:1Fail
#1800A7 on #050505Aa1.55:1Fail

Similar palettes 24 more in this mood

More dark palettes →More neon palettes →More minimal palettes →More white palettes →More gray palettes →More blue palettes →More black palettes →