Created at 06/04/2025 17:28
Midnight Neon UI Kit
Pulse Indigo
#5f0f40
Panel Neon Green
#06d6a0
Display Grape
#8338ec
Focus Teal
#3a86ff
Dark Contrast Gray
#2b2d42
Overlay White Text
#f8f9fa
Signal Magenta
#ff006e
The palette consists of Dark, Light, Semi dark colors. Accent colors Focus Teal #3a86ff and Signal Magenta #ff006e. Palette has Warm, Cool, Neutral colors temperature.
Palette Midnight Neon UI Kit has combination of 7 codes colors:
HEX: #5f0f40, RGB: (95, 15, 64); HEX: #06d6a0, RGB: (6, 214, 160); HEX: #8338ec, RGB: (131, 56, 236)
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #2b2d42, RGB: (43, 45, 66); HEX: #f8f9fa, RGB: (248, 249, 250)
HEX: #ff006e, RGB: (255, 0, 110)
Simplified version of palette colors
Tint of Purple, Tint of mediumaquamarine, Shade of blueviolet, Shade of dodgerblue, Shade of midnightblue, Shade of whitesmoke, Tint of deeppink
Color scheme was created by colorstudio
Colors codes in palette
Midnight Neon UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #5f0f40 | #5f0f40 | RGB(95, 15, 64) | Pulse Indigo | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Panel Neon Green | — |
| #8338ec | #8338ec | RGB(131, 56, 236) | Display Grape | — |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Focus Teal | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Dark Contrast Gray | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Overlay White Text | — |
| #ff006e | #ff006e | RGB(255, 0, 110) | Signal Magenta | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#5f0f40 | #2b2d42 | 1.04 |
#06d6a0 | #3a86ff | 1.84 |
#06d6a0 | #f8f9fa | 1.78 |
#8338ec | #3a86ff | 1.61 |
#8338ec | #ff006e | 1.46 |
#3a86ff | #ff006e | 1.1 |
Image palette Midnight Neon UI Kit png
Export Palette
Download the "Midnight Neon UI Kit" in multiple formats for seamless integration into your design projects.
Available formats: