Skip to content
Sign up free
Noir Mode Dark color palette: Onyx #171012, Espresso #2F1919, Cocoa #4A362B, Clover #2DBB56, Pebble #C7B9B6

Palette No. 168 · Nov 4, 2026

Noir Mode color palette

Noir Mode is a dark color palette with 5 colors: Onyx (#171012), Espresso (#2F1919), Cocoa (#4A362B), Clover (#2DBB56), Pebble (#C7B9B6). Click any color to copy it, or download the palette free as PNG or SVG.

Download PNGFree
Download SVGEdit in the generator

Colors and codes

Colour codes of this palette
ColorHEXRGBHSLCMYK
Onyx
Espresso
Cocoa
Clover
Pebble
  • Dark
  • #black
  • #red
  • #brown
  • #warm

About Noir Mode

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

It runs from Onyx to Pebble: Onyx (#171012), Espresso (#2F1919), Cocoa (#4A362B), Clover (#2DBB56), Pebble (#C7B9B6). Use the darkest color for text and outlines and the lightest for backgrounds, and keep the brightest one for buttons and highlights.

  • Branding: logos, business cards and packaging.
  • Web and app design: CSS variables for buttons, backgrounds and text.
  • Crafts: vinyl, cardstock and paint for Cricut, laser and print projects.
  • Interiors, weddings and events: walls, invitations and decor.

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 Pebble9.9:1 · AAA
  • AaEspresso on Pebble8.7:1 · AAA
  • AaOnyx on Clover7.5:1 · AAA
  • AaEspresso on Clover6.6:1 · AA

More dark palettes

All dark palettes →
Smoky Mode Dark color palette: Cashmere Black #100A0B, Espresso #2E1E18, Walnut #453823, Turquoise #33C1CC, Pebble #CBC1BA

Smoky Mode color palette

Dark · black · brown · teal · warm

Cashmere Black #100A0B · Espresso #2E1E18 · Walnut #453823 · Turquoise #33C1CC · Pebble #CBC1BA

PNGSVG
Smoky Lounge Dark color palette: Midnight Ink #120B0F, Espresso #31181C, Cocoa #462823, Ash #C2B4B4, Spring Leaf #28DE73

Smoky Lounge color palette

Dark · black · red · gray · warm

Midnight Ink #120B0F · Espresso #31181C · Cocoa #462823 · Ash #C2B4B4 · Spring Leaf #28DE73

PNGSVG
Night Alley Dark color palette: Obsidian #131017, Deep Plum #2B1A2F, Plum #582650, Thistle #C1B3C1, Lime #B3D935

Night Alley color palette

Dark · black · purple · pink · cool

Obsidian #131017 · Deep Plum #2B1A2F · Plum #582650 · Thistle #C1B3C1 · Lime #B3D935

PNGSVG
Midnight Code Dark color palette: Cashmere Black #0B110E, Night Teal #18312F, Deep Teal #264B56, Cherry #D33842, Fog #C3CCCD

Midnight Code color palette

Dark · black · teal · red · muted

Cashmere Black #0B110E · Night Teal #18312F · Deep Teal #264B56 · Cherry #D33842 · Fog #C3CCCD

PNGSVG
Smoky Mode Dark color palette: Midnight Ink #0A0A12, Deep Space #1C1828, Dark Iris #412753, Thistle #BFB8C7, Sunflower #E0C725

Smoky Mode color palette

Dark · black · purple · yellow · cool

Midnight Ink #0A0A12 · Deep Space #1C1828 · Dark Iris #412753 · Thistle #BFB8C7 · Sunflower #E0C725

PNGSVG