Skip to content
Noir Mode Dark mesh gradient: Onyx #0B1012, Deep Space #17212B, Navy #2C3355, Tomato #DA4F3A, Fog #C0C5CE

Gradient No. 268 · Nov 10, 2026

Noir Mode mesh gradient

Noir Mode is a dark mesh gradient made of 5 colors: Onyx (#0B1012), Deep Space (#17212B), Navy (#2C3355), Tomato (#DA4F3A), Fog (#C0C5CE). Download it free as PNG or SVG, or open it in the generator to move the colors.

Colors and codes

Colour codes of this palette
ColorHEXRGBHSLCMYK
Onyx
Deep Space
Navy
Tomato
Fog
  • Dark
  • #black
  • #blue
  • #red
  • #cool
  • #muted

About Noir Mode

Dark palettes are deep, moody shades with one bright accent, for dark-mode interfaces, music, gaming and bold editorial design.

The colors blend from Onyx to Fog: Onyx (#0B1012), Deep Space (#17212B), Navy (#2C3355), Tomato (#DA4F3A), Fog (#C0C5CE). Soft blends like this work behind text, so keep words in the darkest or lightest color for contrast.

  • Website heroes and app backgrounds.
  • Phone and desktop wallpapers.
  • Social posts, stories and thumbnails.
  • Posters, covers and print backgrounds.

Readable text pairs

The pairs from this set with the strongest contrast, with their WCAG ratio: AAA and AA are safe for body text.

  • AaOnyx on Fog11.0:1 · AAA
  • AaDeep Space on Fog9.4:1 · AAA
  • AaNavy on Fog7.1:1 · AAA
  • AaOnyx on Tomato4.7:1 · AA

More dark gradients

All dark gradients →
Ink Orbit Dark mesh gradient: Thistle #C6B6BD, Lime #5DCF3F, Bordeaux #532A36, Aubergine #2C1C26, Midnight Ink #120D12

Ink Orbit mesh gradient

Dark · pink · green · black · muted

Thistle #C6B6BD · Lime #5DCF3F · Bordeaux #532A36 · Aubergine #2C1C26 · Midnight Ink #120D12

Night Studio Dark mesh gradient: Fog #CEC7D0, Lime #69C22A, Plum #542E54, Deep Plum #271C2C, Midnight Ink #0E0B14

Night Studio mesh gradient

Dark · gray · green · pink · cool

Fog #CEC7D0 · Lime #69C22A · Plum #542E54 · Deep Plum #271C2C · Midnight Ink #0E0B14

Storm Club Dark mesh gradient: Ash #C4B6B9, Clover #32BB56, Bordeaux #532428, Aubergine #301A23, Midnight Ink #100A0E

Storm Club mesh gradient

Dark · gray · green · red · warm

Ash #C4B6B9 · Clover #32BB56 · Bordeaux #532428 · Aubergine #301A23 · Midnight Ink #100A0E

Midnight Studio Dark mesh gradient: Thistle #B9B0C4, Ochre #D08F35, Midnight Violet #3D274B, Deep Space #1F1A2D, Midnight Ink #0B0B14

Midnight Studio mesh gradient

Dark · purple · orange · black · cool

Thistle #B9B0C4 · Ochre #D08F35 · Midnight Violet #3D274B · Deep Space #1F1A2D · Midnight Ink #0B0B14

Noir Orbit Dark mesh gradient: Eucalyptus #AEC1B0, Neon Purple #902FE0, Forest #284931, Pine #1E311D, Soot #131810

Noir Orbit mesh gradient

Dark · green · purple · black · muted

Eucalyptus #AEC1B0 · Neon Purple #902FE0 · Forest #284931 · Pine #1E311D · Soot #131810

Noir Code Dark mesh gradient: Neon Green #4AD830, Ash #BCADB2, Bordeaux #472329, Aubergine #2A141F, Midnight Ink #170F15

Noir Code mesh gradient

Dark · green · gray · red · warm

Neon Green #4AD830 · Ash #BCADB2 · Bordeaux #472329 · Aubergine #2A141F · Midnight Ink #170F15