Created at 10/30/2022 14:48
Navigation dark theme component ui colors
- Palatinate Blue#2d4cee
- Blueberry#5a78e8
- Space Cadet#1c3754
- Shadow Blue#8186a3
- Silver Chalice#b1a9ae
- Space Cadet#2c2c4c
The palette consists of Semi dark, Light, Dark colors. Accent colors Palatinate Blue #2d4cee and Blueberry #5a78e8. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #1C3754 (darkest) to #B1A9AE (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1C3754, #2C2C4C, #2D4CEE, #5A78E8, #8186A3, #B1A9AE
Palette Navigation dark theme component ui colors has combination of 6 codes colors:
HEX: #2d4cee, RGB: (45, 76, 238); HEX: #5a78e8, RGB: (90, 120, 232); HEX: #1c3754, RGB: (28, 55, 84)
HEX: #8186a3, RGB: (129, 134, 163); HEX: #b1a9ae, RGB: (177, 169, 174); HEX: #2c2c4c, RGB: (44, 44, 76)
Simplified version of palette colors
Tint of slateblue, Shade of royalblue, Shade of midnightblue, Shade of lightslategrey, Shade of darkgrey, Shade of midnightblue
Color scheme was created by colorswall
Colors codes in palette
Navigation dark theme component ui colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2d4cee | #2d4cee | RGB(45, 76, 238) | Palatinate Blue | — |
| #5a78e8 | #5a78e8 | RGB(90, 120, 232) | Blueberry | — |
| #1c3754 | #1c3754 | RGB(28, 55, 84) | Space Cadet | — |
| #8186a3 | #8186a3 | RGB(129, 134, 163) | Shadow Blue | — |
| #b1a9ae | #b1a9ae | RGB(177, 169, 174) | Silver Chalice | — |
| #2c2c4c | #2c2c4c | RGB(44, 44, 76) | Space Cadet | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2d4cee | #5a78e8 | 1.56 |
#2d4cee | #1c3754 | 1.96 |
#2d4cee | #8186a3 | 1.73 |
#5a78e8 | #8186a3 | 1.11 |
#5a78e8 | #b1a9ae | 1.73 |
#1c3754 | #2c2c4c | 1.09 |
Image palette Navigation dark theme component ui colors png
Export Palette
Download the "Navigation dark theme component ui colors" in multiple formats for seamless integration into your design projects.
Available formats: