#DEE1E5Ice
#CB3E00Mahogany
#535B62Storm
#252B30Gunmetal

Mahogany & Storm Glow color palette

TechDarkMinimalGrayBrown
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Mahogany & Storm Glow is a neutral-based color palette tagged tech, dark, minimal. Mahogany 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
Ice#DEE1E5rgb(222, 225, 229)hsl(214, 12%, 88%)oklch(90.9% 0.006 255)
Mahogany#CB3E00rgb(203, 62, 0)hsl(18, 100%, 40%)oklch(56.5% 0.186 38)
Storm#535B62rgb(83, 91, 98)hsl(208, 8%, 35%)oklch(46.7% 0.015 244)
Gunmetal#252B30rgb(37, 43, 48)hsl(207, 13%, 17%)oklch(28.5% 0.013 243)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (88% down to 17% lightness). A natural fit for a SaaS landing page or dashboard.

  • Background: Ice (#DEE1E5) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#252B30) on #DEE1E5 gives 10.91:1, passing WCAG AAA.
  • Primary: Mahogany (#CB3E00) is the most saturated mid-tone; use it for buttons and links (3.79:1 against the background, fine for UI elements).
  • Accent: Storm (#535B62) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Gunmetal at 10.91:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Mahogany & Storm Glow

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

#DEE1E5
#CB3E00
#535B62
#252B30

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#DEE1E5 on #252B30Aa10.91:1AAA
#DEE1E5 on #535B62Aa5.26:1AA
#DEE1E5 on #CB3E00Aa3.79:1AA large only
#CB3E00 on #252B30Aa2.88:1Fail
#535B62 on #252B30Aa2.07:1Fail
#CB3E00 on #535B62Aa1.39:1Fail

Similar palettes 24 more in this mood

More tech palettes →More dark palettes →More minimal palettes →More gray palettes →More brown palettes →