Dark Mode Color Palette
Deep charcoal backgrounds with subtle blue-gray surfaces and bright accent colors define elegant dark mode design. This eye-friendly palette is essential for night-mode apps, developer tools, and modern dashboards.
#121212
Black
RGB(18, 18, 18)
HSL(0, 0%, 7%)
#1E1E1E
Black
RGB(30, 30, 30)
HSL(0, 0%, 12%)
#2D2D30
Charcoal
RGB(45, 45, 48)
HSL(240, 3%, 18%)
#3C3F41
Charcoal
RGB(60, 63, 65)
HSL(204, 4%, 25%)
#BB86FC
Pale Violet
RGB(187, 134, 252)
HSL(267, 95%, 76%)
#03DAC6
Vivid Cyan
RGB(3, 218, 198)
HSL(174, 97%, 43%)
lightbulbBest Use Cases
- checkNight-mode apps
- checkDeveloper tools
- checkModern dashboards
businessIndustries
- checkTechnology
- checkDesign
Mood:focused
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #121212;
--color-2: #1E1E1E;
--color-3: #2D2D30;
--color-4: #3C3F41;
--color-5: #BB86FC;
--color-6: #03DAC6;
}Tailwind CSS Config
colors: {
'dark-mode-1': '#121212',
'dark-mode-2': '#1E1E1E',
'dark-mode-3': '#2D2D30',
'dark-mode-4': '#3C3F41',
'dark-mode-5': '#BB86FC',
'dark-mode-6': '#03DAC6',
}dark-modenightmoderndevelopereye-friendly
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free