Skip to content
AI Color

By Aesthetic

Dark Color Palettes

Dark colour is built for night interfaces: deep navy, charcoal and near-black fields that still leave room for readable type. Mood comes first; murk does not. Its main colours include orchid (#c361b3), amethyst (#af49bc), brick red (#c23d77), cerulean (#383a9c), midnight blue (#283274), built as a monochromatic set around 235° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Dark color palette hex codes

Main dark colours with named swatches, HEX and RGB. Derived from this tag's hue (235°), saturation (45%) and monochromatic scheme.

Dark color palette hex codes
SwatchNameHEXRGBCopy
Orchid swatchOrchid#c361b3rgb(195, 97, 179)
Amethyst swatchAmethyst#af49bcrgb(175, 73, 188)
Brick Red swatchBrick Red#c23d77rgb(194, 61, 119)
Cerulean swatchCerulean#383a9crgb(56, 58, 156)
Midnight Blue swatchMidnight Blue#283274rgb(40, 50, 116)
Ebony swatchEbony#151941rgb(21, 25, 65)
Ebony swatchEbony#0d1029rgb(13, 16, 41)
Obsidian swatchObsidian#210818rgb(33, 8, 24)

Dark color palettes

About dark color palettes

Browse 140 dark colour palettes tuned for dark mode surfaces and low-light branding. Lightness stays low while contrast for text is protected.

Use them for developer tools, entertainment UIs, nocturnal campaigns and any product that should feel immersive after sunset.

Separate background layers by a few lightness points so panels do not melt together. Place primary text on the lightest readable step in the set, not on a mid grey that fails contrast. Keep accents slightly brighter than the field so focus states remain visible without glowing harshly.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Dark color palette FAQ

What is a dark colour palette?

Dark palettes live at low lightness for dark mode and nocturnal branding. Typical roles look like orchid (#c361b3), amethyst (#af49bc), brick red (#c23d77), with enough separation for type and surfaces.

What hex codes work for dark themes?

Useful dark values include #c361b3, #af49bc, #c23d77, #383a9c, #283274, #151941, #0d1029, #210818, centred near #30367e. Check that body text still clears contrast against the deepest backgrounds.

How do I keep dark palettes accessible?

Raise text and icons onto clearly lighter steps, avoid pure #000 for large fields if mid greys help depth, and verify AA contrast after every swap. Accents should brighten focus, not replace readable type colour.

Are these 140 dark palettes free to use?

Yes. All dark palettes on this page are free for personal and commercial projects without attribution.