Palette 01
Midnight Product
Blue-black layers and a clear cornflower accent support a focused digital interface.
- background
- #0D111A
- primary
- #293A57
- accent
- #6F91FF
- text
- #E7ECF6
Depth without losing detail
Dark color palettes
Dark palettes create atmosphere through small differences in value. Near-black is only the beginning: tinted shadows, lifted surfaces, soft text, and controlled accents build depth that pure black alone cannot provide.
Explore the palettes Lightness family Dark
Chromatic fingerprint · 7 defining colors
Visual profile
What makes it dark?
- saturation
- Low–medium
- lightness
- Low
- temperature
- Flexible
- contrast
- Layered
Curated directions
Palettes built for real projects
5 systems with ready-to-use color roles. Select any swatch to copy its HEX value.
Palette 02
Forest After Rain
Pine, moss, and muted gold create a dark natural system with tactile warmth.
- background
- #111A17
- primary
- #3F5A43
- accent
- #B89B58
- text
- #E6E0CE
Palette 03
Plum Cinema
Ink plum and wine red make a theatrical foundation for a pale lilac signal.
- background
- #17111B
- primary
- #58304A
- accent
- #C58CB4
- text
- #F0E5EE
Palette 04
Roasted Copper
Espresso and warm charcoal are activated by copper and parchment.
- background
- #181412
- primary
- #684334
- accent
- #C77948
- text
- #EADBC8
Palette 05
Deep Atlantic
Navy and ocean teal form a calm dark palette with a sea-foam accent.
- background
- #0B1820
- primary
- #1F5360
- accent
- #6FC8B8
- text
- #DFEFEB
Build the look
Rules that keep the palette intentional
Tint the darkness
Blue-black, plum-black, and green-black create richer atmospheres than neutral black.
Lift surfaces in steps
Use small, consistent changes in lightness to separate cards, navigation, and backgrounds.
Soften large text areas
Warm white or pale gray often reads more comfortably than pure white on a dark surface.
Put it to work
Where dark palettes work best
Product interfaces
Layered dark surfaces reduce glare and make data or media feel focused when contrast is tested carefully.
Premium identities
Deep color creates weight and restraint; a material accent such as copper or gold adds specificity.
Culture and entertainment
Dark foundations give photography, posters, motion, and luminous accents a cinematic frame.
Color notes
Dark palette questions
Should a dark palette use pure black?
It can, but tinted near-blacks usually create more depth and are easier to layer. Pure black is best reserved for a deliberate maximum-contrast moment.
Which text color works on dark backgrounds?
Soft white, pale gray, cream, or a very light tint of the background hue can be comfortable. Always verify contrast for the actual text size and weight.
How many dark surface levels are useful?
Three levels are often enough: the page background, a raised surface, and a stronger interactive or selected surface.