Skip to content
Midnight Lounge Dark mesh gradient: Fog #ACBDC0, Fuchsia #C7316E, Night Teal #233C4A, Pine Shadow #1E3030, Onyx #0E1814

Gradient No. 206 · Nov 6, 2026

Midnight Lounge mesh gradient

Midnight Lounge is a dark mesh gradient made of 5 colors: Fog (#ACBDC0), Fuchsia (#C7316E), Night Teal (#233C4A), Pine Shadow (#1E3030), Onyx (#0E1814). 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
Fog
Fuchsia
Night Teal
Pine Shadow
Onyx
  • Dark
  • #teal
  • #pink
  • #blue
  • #muted

About Midnight Lounge

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

The colors blend from Fog to Onyx: Fog (#ACBDC0), Fuchsia (#C7316E), Night Teal (#233C4A), Pine Shadow (#1E3030), Onyx (#0E1814). 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.

  • AaFog on Onyx9.3:1 · AAA
  • AaFog on Pine Shadow7.1:1 · AAA
  • AaFog on Night Teal5.9:1 · AA
  • AaFuchsia on Onyx3.5:1 · AA large text

More dark gradients

All dark gradients →
Noir Mode Dark mesh gradient: Onyx #0B1012, Deep Space #17212B, Navy #2C3355, Tomato #DA4F3A, Fog #C0C5CE

Noir Mode mesh gradient

Dark · black · blue · red · cool · muted

Onyx #0B1012 · Deep Space #17212B · Navy #2C3355 · Tomato #DA4F3A · Fog #C0C5CE

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