Dark Moody Color Palette

Updated April 17, 2026

A dramatic dark moody color palette — deep charcoal, burgundy, forest green, and antique gold. Hex codes for luxurious, cinematic designs.

The Dark Moody Palette

• Midnight #1A1A2E rgb(26, 26, 46) hsl(240, 28%, 14%)
• Deep Navy #16213E rgb(22, 33, 62) hsl(224, 48%, 16%)
• Royal Depth #0F3460 rgb(15, 52, 96) hsl(213, 73%, 22%)
• Plum #533A7B rgb(83, 58, 123) hsl(263, 36%, 35%)
• Burgundy #722F37 rgb(114, 47, 55) hsl(353, 42%, 32%)
• Antique Gold #C9A227 rgb(201, 162, 39) hsl(46, 68%, 47%)

Hex Codes at a Glance

#1A1A2E, #16213E, #0F3460, #533A7B, #722F37, #C9A227

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This dark moody palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.