Dark Mode Web App UI
- Base Black#121212
- Accent Cyan#5eead4
- Control White#f8fafc
- Support Grey#6b7280
- Focus Purple#c084fc
- Outline Dust#e5e7eb
Created at 06/14/2025 19:48
The palette consists of Dark, Light, Semi dark colors. Accent colors Accent Cyan #5eead4 and Focus Purple #c084fc. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #121212 (darkest) to #F8FAFC (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 2 vivid out of 6 colors.
The hues stay in one region of the color wheel, spanning about 99°.
Most swatches read as neutral in color temperature (4 of 6).
HEX codes (sorted): #121212, #5EEAD4, #6B7280, #C084FC, #E5E7EB, #F8FAFC
Palette Dark Mode Web App UI combines 6 color codes:
HEX: #121212, RGB: (18, 18, 18); HEX: #5eead4, RGB: (94, 234, 212); HEX: #f8fafc, RGB: (248, 250, 252)
HEX: #6b7280, RGB: (107, 114, 128); HEX: #c084fc, RGB: (192, 132, 252); HEX: #e5e7eb, RGB: (229, 231, 235)
Simplified version of palette colors
Tint of Black, Tint of Turquoise, Tint of White Smoke, Shade of Slate Gray, Shade of Violet, Tint of Gainsboro
Color scheme was created by hex
Color codes in palette
Dark Mode Web App UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #121212 | #121212 | RGB(18, 18, 18) | Base Black | Dark Tone Ink |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Accent Cyan | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Control White | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Support Grey | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Focus Purple | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Outline Dust | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#5eead4 | #f8fafc | 1.41 |
#5eead4 | #c084fc | 1.78 |
#5eead4 | #e5e7eb | 1.19 |
#f8fafc | #e5e7eb | 1.18 |
#6b7280 | #c084fc | 1.82 |
Image palette Dark Mode Web App UI png
Export Palette
Download the "Dark Mode Web App UI" in multiple formats for seamless integration into your design projects.
Available formats: