Ui colors design
- Black#141414
- Baby Pink#f0c8c8
- Brilliant Lavender#f0b4f0
- Wenge#646450
- Deep Taupe#786464
- Rocket Metallic#8c7878
Created at 04/21/2023 13:20
The palette consists of Dark, Light, Semi dark colors. Accent colors Brilliant Lavender #f0b4f0 and Wenge #646450. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #141414 (darkest) to #F0C8C8 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma) — 67% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature (4 of 6).
HEX codes (sorted): #141414, #646450, #786464, #8C7878, #F0B4F0, #F0C8C8
Palette Ui colors design combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #f0c8c8, RGB: (240, 200, 200); HEX: #f0b4f0, RGB: (240, 180, 240)
HEX: #646450, RGB: (100, 100, 80); HEX: #786464, RGB: (120, 100, 100); HEX: #8c7878, RGB: (140, 120, 120)
Simplified version of palette colors
Tint of Black, Shade of Pink, Tint of Plum, Shade of Dim Gray, Tint of Dim Gray, Shade of Grey
Color scheme was created by colorhunt
Color codes in palette
Ui colors design color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0c8c8 | #f0c8c8 | RGB(240, 200, 200) | Baby Pink | — |
| #f0b4f0 | #f0b4f0 | RGB(240, 180, 240) | Brilliant Lavender | — |
| #646450 | #646450 | RGB(100, 100, 80) | Wenge | — |
| #786464 | #786464 | RGB(120, 100, 100) | Deep Taupe | — |
| #8c7878 | #8c7878 | RGB(140, 120, 120) | Rocket Metallic | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f0c8c8 | #f0b4f0 | 1.1 |
#646450 | #786464 | 1.09 |
#646450 | #8c7878 | 1.45 |
#786464 | #8c7878 | 1.33 |
Image palette Ui colors design png
Export Palette
Download the "Ui colors design" in multiple formats for seamless integration into your design projects.
Available formats: