Created at 07/11/2025 13:02
Dark Mode App Dev Template
- App Shell Black#121212
- Active State Green#80ed99
- Component Grid Slate#7d8597
- Notification Pink#ff6b81
- Surface Panel Grey#dadada
- Text Primary White#fcfcfc
The palette consists of Dark, Light colors. Accent colors Active State Green #80ed99 and Notification Pink #ff6b81. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #121212 (darkest) to #FCFCFC (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Overall temperature among swatches leans cool.
HEX codes (sorted): #121212, #7D8597, #80ED99, #DADADA, #FCFCFC, #FF6B81
Palette Dark Mode App Dev Template has combination of 6 codes colors:
HEX: #121212, RGB: (18, 18, 18); HEX: #80ed99, RGB: (128, 237, 153); HEX: #7d8597, RGB: (125, 133, 151)
HEX: #ff6b81, RGB: (255, 107, 129); HEX: #dadada, RGB: (218, 218, 218); HEX: #fcfcfc, RGB: (252, 252, 252)
Simplified version of palette colors
Shade of Black, Tint of lightgreen, Tint of lightslategrey, Tint of lightcoral, Tint of gainsboro, Tint of White
Color scheme was created by colorslib
Colors codes in palette
Dark Mode App Dev Template color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #121212 | #121212 | RGB(18, 18, 18) | App Shell Black | Dark Tone Ink |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Active State Green | — |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Component Grid Slate | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Notification Pink | — |
| #dadada | #dadada | RGB(218, 218, 218) | Surface Panel Grey | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Text Primary White | Gray99 |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#80ed99 | #ff6b81 | 1.88 |
#80ed99 | #dadada | 1.03 |
#80ed99 | #fcfcfc | 1.41 |
#7d8597 | #ff6b81 | 1.35 |
#ff6b81 | #dadada | 1.95 |
#dadada | #fcfcfc | 1.36 |
Image palette Dark Mode App Dev Template png
Export Palette
Download the "Dark Mode App Dev Template" in multiple formats for seamless integration into your design projects.
Available formats: