Created at 08/01/2022 19:26
Ui design website presentation colors
- Gray (HTML/CSS Gray)#7f7f7f
- Gray (X11)#bcbcbc
- Gray#424242
- Bronze (Metallic)#9f955c
- Silver Chalice#ababab
- Olive Drab Camouflage#565447
The palette consists of Light, Semi dark colors. Accent colors Bronze (Metallic) #9f955c and Olive Drab Camouflage #565447. Palette has Neutral, Warm colors temperature.
By lightness, this palette runs from #424242 (darkest) to #BCBCBC (lightest). The lightness range is moderate.
Overall saturation feels mostly muted (lower chroma).
Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #424242, #565447, #7F7F7F, #9F955C, #ABABAB, #BCBCBC
Palette Ui design website presentation colors has combination of 6 codes colors:
HEX: #7f7f7f, RGB: (127, 127, 127); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #424242, RGB: (66, 66, 66)
HEX: #9f955c, RGB: (159, 149, 92); HEX: #ababab, RGB: (171, 171, 171); HEX: #565447, RGB: (86, 84, 71)
Simplified version of palette colors
Tint of Grey, Tint of Silver, Tint of darkslategrey, Tint of darkkhaki, Shade of darkgrey, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Ui design website presentation colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #7f7f7f | #7f7f7f | RGB(127, 127, 127) | Gray (HTML/CSS Gray) | Gray50 |
| #bcbcbc | #bcbcbc | RGB(188, 188, 188) | Gray (X11) | — |
| #424242 | #424242 | RGB(66, 66, 66) | Gray | Black Panther |
| #9f955c | #9f955c | RGB(159, 149, 92) | Bronze (Metallic) | — |
| #ababab | #ababab | RGB(171, 171, 171) | Silver Chalice | Gray67 |
| #565447 | #565447 | RGB(86, 84, 71) | Olive Drab Camouflage | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#7f7f7f | #9f955c | 1.32 |
#7f7f7f | #ababab | 1.74 |
#7f7f7f | #565447 | 1.9 |
#bcbcbc | #9f955c | 1.59 |
#bcbcbc | #ababab | 1.2 |
#424242 | #565447 | 1.31 |
Image palette Ui design website presentation colors png
Export Palette
Download the "Ui design website presentation colors" in multiple formats for seamless integration into your design projects.
Available formats: