Dark Mode
#0F172A#1E293B#334155#38BDF8#F8FAFC
A practical dark UI sequence: #0F172A for the canvas, #1E293B/#334155 for raised surfaces, #F8FAFC for primary text, and #38BDF8 for interactive emphasis.
Dark Color Palettes with HEX Codes
A dark palette is a system of layered dark surfaces, readable light text, and controlled accents—not simply a black background. Useful dark themes separate canvas, cards, raised controls, borders, and text with enough visual difference to communicate hierarchy.
Showing 30 palettes
Browse filters
Browse by color, mood, style, or theme. Pick a tag to see matching palettes.
How to build with dark palettes
Start with several dark neutrals that are distinct at normal viewing conditions. Then choose a light text family and one or two accent colors whose saturation does not overpower every other interface element.
Night Neon
#050505#2D00F7#6A00F4#FF006E#00F5D4
The saturated violet, pink, and mint create a deliberately expressive night palette. Use them as accents over the near-black foundation; using all three for large surfaces will reduce hierarchy quickly.
Obsidian UI
#111111#222831#393E46#00ADB5#EEEEEE
The black/charcoal steps provide obvious surface separation, while #00ADB5 supplies a single cool accent. #EEEEEE works as the main text endpoint without requiring pure white.
Assign colors to real roles
| Role | Practical direction |
|---|---|
| Canvas | The darkest broad background. |
| Raised surface | A lighter dark neutral for cards, menus, and fields. |
| Text | Off-white for primary copy, with muted text tested separately. |
| Accent | A saturated hue for interactive emphasis, not a substitute for all hierarchy. |
Good use cases
- Dark application themes with persistent navigation and cards.
- Media or portfolio layouts where imagery should remain the visual focus.
- Developer/technical interfaces using accent color for state and interaction.
Mixing fresh colors...
Colorrow is arranging palettes for your selected style.
Adding more palettes...
Adding the next 30 matching palettes.