#151515Licorice
#4E4E4EGraphite
#577AFFBlueberry
#FAFAFASnow

Navy Blueberry & Licorice color palette

TechDarkMinimalBlackGrayBlueWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Navy Blueberry & Licorice is a neutral-based color palette tagged tech, dark, minimal. Blueberry 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
Licorice#151515rgb(21, 21, 21)hsl(0, 0%, 8%)oklch(19.6% 0.000 0)
Graphite#4E4E4Ergb(78, 78, 78)hsl(0, 0%, 31%)oklch(42.4% 0.000 0)
Blueberry#577AFFrgb(87, 122, 255)hsl(228, 100%, 67%)oklch(62.5% 0.201 269)
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 8% lightness). A natural fit for a SaaS landing page or dashboard.

  • Background: Snow (#FAFAFA) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#151515) on #FAFAFA gives 17.5:1, passing WCAG AAA.
  • Primary: Blueberry (#577AFF) is the most saturated mid-tone; use it for buttons and links (3.57:1 against the background, fine for UI elements).
  • Accent: Graphite (#4E4E4E) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Snow at 17.5:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Navy Blueberry & Licorice

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

#151515
#4E4E4E
#577AFF
#FAFAFA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#151515 on #FAFAFAAa17.5:1AAA
#4E4E4E on #FAFAFAAa7.97:1AAA
#151515 on #577AFFAa4.9:1AA
#577AFF on #FAFAFAAa3.57:1AA large only
#4E4E4E on #577AFFAa2.23:1Fail
#151515 on #4E4E4EAa2.19:1Fail

Similar palettes 24 more in this mood

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