Loading...
Created at 05/08/2023 21:24
Design app ux branding
- Black#141414
- Black#000000
- Black#282828
- Black Olive#3c3c3c
- Gray#505050
- Sonic Silver#787878
The palette consists of Dark, Light colors. Accent colors Gray #505050 and Sonic Silver #787878. Palette has Neutral colors temperature.
By lightness, this palette runs from #000000 (darkest) to #787878 (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): #000000, #141414, #282828, #3C3C3C, #505050, #787878
Palette Design app ux branding has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #000000, RGB: (0, 0, 0); HEX: #282828, RGB: (40, 40, 40)
HEX: #3c3c3c, RGB: (60, 60, 60); HEX: #505050, RGB: (80, 80, 80); HEX: #787878, RGB: (120, 120, 120)
Simplified version of palette colors
Shade of Black, Black, Shade of Black, Tint of darkslategrey, Tint of dimgrey, Tint of Grey
Color scheme was created by hex
Colors codes in palette
Design app ux branding color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #000000 | #000000 | RGB(0, 0, 0) | Black | — |
| #282828 | #282828 | RGB(40, 40, 40) | Black | Dire Wolf |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
| #505050 | #505050 | RGB(80, 80, 80) | Gray | Fiftieth Shade of Grey |
| #787878 | #787878 | RGB(120, 120, 120) | Sonic Silver | Gray47 |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#141414 | #000000 | 1.13 |
#141414 | #282828 | 1.24 |
#141414 | #3c3c3c | 1.67 |
#000000 | #282828 | 1.42 |
#000000 | #3c3c3c | 1.9 |
#282828 | #3c3c3c | 1.33 |
Image palette Design app ux branding png
Export Palette
Download the "Design app ux branding" in multiple formats for seamless integration into your design projects.
Available formats:
