Created at 05/17/2023 10:39
Graphic design modern ui dark colors palette
Black Olive
#3c3c3c
Black
#141414
Black
#282828
Gray
#505050
Gunmetal
#28283c
Knighthood
#3c3c50
The palette consists of Light, Dark colors. Accent colors Gray #505050 and Gunmetal #28283c. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #141414 (darkest) to #505050 (lightest). The lightness range is moderate.
Overall saturation feels mostly muted (lower chroma).
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature.
HEX codes (sorted): #141414, #282828, #28283C, #3C3C3C, #3C3C50, #505050
Palette Graphic design modern ui dark colors palette has combination of 6 codes colors:
HEX: #3c3c3c, RGB: (60, 60, 60); HEX: #141414, RGB: (20, 20, 20); HEX: #282828, RGB: (40, 40, 40)
HEX: #505050, RGB: (80, 80, 80); HEX: #28283c, RGB: (40, 40, 60); HEX: #3c3c50, RGB: (60, 60, 80)
Simplified version of palette colors
Tint of darkslategrey, Shade of Black, Shade of Black, Tint of dimgrey, Shade of Black, Tint of darkslateblue
Color scheme was created by colorslib
Colors codes in palette
Graphic design modern ui dark colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #282828 | #282828 | RGB(40, 40, 40) | Black | Dire Wolf |
| #505050 | #505050 | RGB(80, 80, 80) | Gray | Fiftieth Shade of Grey |
| #28283c | #28283c | RGB(40, 40, 60) | Gunmetal | — |
| #3c3c50 | #3c3c50 | RGB(60, 60, 80) | Knighthood | — |
Color Palette Contrast
14 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3c3c3c | #141414 | 1.67 |
#3c3c3c | #282828 | 1.33 |
#3c3c3c | #505050 | 1.36 |
#3c3c3c | #28283c | 1.3 |
#3c3c3c | #3c3c50 | 1.02 |
#141414 | #282828 | 1.24 |
Image palette Graphic design modern ui dark colors palette png
Export Palette
Download the "Graphic design modern ui dark colors palette" in multiple formats for seamless integration into your design projects.
Available formats: