Loading...
Created at 05/01/2023 06:29
Design website product ui colors
- Black#141414
- Black#282828
- Zinnwaldite Brown#281414
- Pine Tree#282814
- Black Olive#3c3c3c
- Gray#505050
The palette consists of Dark, Light colors. Accent colors Zinnwaldite Brown #281414 and Pine Tree #282814. Palette has Neutral, Warm 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, #281414, #282814, #282828, #3C3C3C, #505050
Palette Design website product ui colors has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #282828, RGB: (40, 40, 40); HEX: #281414, RGB: (40, 20, 20)
HEX: #282814, RGB: (40, 40, 20); HEX: #3c3c3c, RGB: (60, 60, 60); HEX: #505050, RGB: (80, 80, 80)
Simplified version of palette colors
Shade of Black, Shade of Black, Shade of Black, Shade of Black, Tint of darkslategrey, Tint of dimgrey
Color scheme was created by bad_colors
Colors codes in palette
Design website product ui colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #282828 | #282828 | RGB(40, 40, 40) | Black | Dire Wolf |
| #281414 | #281414 | RGB(40, 20, 20) | Zinnwaldite Brown | — |
| #282814 | #282814 | RGB(40, 40, 20) | Pine Tree | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
| #505050 | #505050 | RGB(80, 80, 80) | Gray | Fiftieth Shade of Grey |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#141414 | #282828 | 1.24 |
#141414 | #281414 | 1.05 |
#141414 | #282814 | 1.23 |
#141414 | #3c3c3c | 1.67 |
#282828 | #281414 | 1.18 |
#282828 | #282814 | 1.01 |
Image palette Design website product ui colors png
Export Palette
Download the "Design website product ui colors" in multiple formats for seamless integration into your design projects.
Available formats: