Created at 06/12/2025 06:14
Mobile Dark Theme Prototype
OLED Black
#0c0c0d
Accent Cyan
#22d3ee
Panel Charcoal
#1e293b
Text OffWhite
#f3f4f6
Action Magenta
#d946ef
Focus Lime
#a3e635
The palette consists of Dark, Light colors. Accent colors Accent Cyan #22d3ee and Action Magenta #d946ef. Palette has Neutral, Cool, Warm colors temperature.
Palette Mobile Dark Theme Prototype has combination of 6 codes colors:
HEX: #0c0c0d, RGB: (12, 12, 13); HEX: #22d3ee, RGB: (34, 211, 238); HEX: #1e293b, RGB: (30, 41, 59)
HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #d946ef, RGB: (217, 70, 239); HEX: #a3e635, RGB: (163, 230, 53)
Simplified version of palette colors
Shade of Black, Shade of darkturquoise, Shade of midnightblue, Tint of whitesmoke, Shade of mediumorchid, Shade of Yellowgreen
Color scheme was created by hex
Colors codes in palette
Mobile Dark Theme Prototype color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0c0c0d | #0c0c0d | RGB(12, 12, 13) | OLED Black | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Accent Cyan | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Panel Charcoal | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Text OffWhite | — |
| #d946ef | #d946ef | RGB(217, 70, 239) | Action Magenta | — |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | Focus Lime | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0c0c0d | #1e293b | 1.33 |
#22d3ee | #f3f4f6 | 1.64 |
#22d3ee | #d946ef | 1.91 |
#22d3ee | #a3e635 | 1.19 |
#f3f4f6 | #a3e635 | 1.37 |
Image palette Mobile Dark Theme Prototype png
Export Palette
Download the "Mobile Dark Theme Prototype" in multiple formats for seamless integration into your design projects.
Available formats:
