Dark Color Palettes with HEX Codes

Dark palettes pair deep backgrounds with lighter accents and readable text colors. They are a starting point for dark mode and moody designs.

8 palettes

Tips for using these palettes

  • Avoid pure #000000 for large surfaces; slightly lifted darks are easier on the eyes.
  • Use the lightest color in the set for body text and verify contrast.
  • Limit saturated accents to small areas so they stay readable.

Check every text and background pair with the contrast checker before you publish.

More palette collections