Created at 10/03/2022 02:10
App typography ui design colors
- AuroMetalSaurus#777787
- Gray (X11)#b8b8c0
- Arsenic#3e3e46
- Gray (HTML/CSS Gray)#7c7c7c
- Silver Sand#bcbcc4
- Gray#444444
The palette consists of Light colors. Accent colors Gray (HTML/CSS Gray) #7c7c7c and Silver Sand #bcbcc4. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #3E3E46 (darkest) to #BCBCC4 (lightest). The lightness range is moderate.
Overall saturation feels mostly muted (lower chroma) — 100% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #3E3E46, #444444, #777787, #7C7C7C, #B8B8C0, #BCBCC4
Palette App typography ui design colors has combination of 6 codes colors:
HEX: #777787, RGB: (119, 119, 135); HEX: #b8b8c0, RGB: (184, 184, 192); HEX: #3e3e46, RGB: (62, 62, 70)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #bcbcc4, RGB: (188, 188, 196); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of slategrey, Tint of Silver, Tint of dimgrey, Tint of Grey, Tint of Silver, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
App typography ui design colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #777787 | #777787 | RGB(119, 119, 135) | AuroMetalSaurus | — |
| #b8b8c0 | #b8b8c0 | RGB(184, 184, 192) | Gray (X11) | — |
| #3e3e46 | #3e3e46 | RGB(62, 62, 70) | Arsenic | — |
| #7c7c7c | #7c7c7c | RGB(124, 124, 124) | Gray (HTML/CSS Gray) | — |
| #bcbcc4 | #bcbcc4 | RGB(188, 188, 196) | Silver Sand | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Color Palette Contrast
3 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#777787 | #7c7c7c | 1.05 |
#b8b8c0 | #bcbcc4 | 1.04 |
#3e3e46 | #444444 | 1.08 |
Image palette App typography ui design colors png
Export Palette
Download the "App typography ui design colors" in multiple formats for seamless integration into your design projects.
Available formats: