Colour palette typography web ui colors
- AuroMetalSaurus#758985
- Gray (X11)#b7c2bf
- Arsenic#3c4745
- Bronze (Metallic)#ac885c
- Silver Sand#bcc6c4
- Liver Chestnut (Horses)#543c3c
Created at 01/30/2023 17:09
The palette consists of Light, Semi dark colors. Accent colors Arsenic #3c4745 and Bronze (Metallic) #ac885c. Palette has Neutral, Warm colors temperature.
By lightness, this palette runs from #543C3C (darkest) to #BCC6C4 (lightest). The lightness range is moderate.
Overall saturation feels mostly muted (lower chroma) — 83% 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): #3C4745, #543C3C, #758985, #AC885C, #B7C2BF, #BCC6C4
Palette Colour palette typography web ui colors combines 6 color codes:
HEX: #758985, RGB: (117, 137, 133); HEX: #b7c2bf, RGB: (183, 194, 191); HEX: #3c4745, RGB: (60, 71, 69)
HEX: #ac885c, RGB: (172, 136, 92); HEX: #bcc6c4, RGB: (188, 198, 196); HEX: #543c3c, RGB: (84, 60, 60)
Simplified version of palette colors
Tint of Grey, Shade of Silver, Shade of Dark Slate Gray, Shade of Peru, Tint of Silver, Shade of Dim Gray
Color scheme was created by hex
Color codes in palette
Colour palette typography web ui colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #758985 | #758985 | RGB(117, 137, 133) | AuroMetalSaurus | — |
| #b7c2bf | #b7c2bf | RGB(183, 194, 191) | Gray (X11) | — |
| #3c4745 | #3c4745 | RGB(60, 71, 69) | Arsenic | — |
| #ac885c | #ac885c | RGB(172, 136, 92) | Bronze (Metallic) | — |
| #bcc6c4 | #bcc6c4 | RGB(188, 198, 196) | Silver Sand | — |
| #543c3c | #543c3c | RGB(84, 60, 60) | Liver Chestnut (Horses) | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#758985 | #ac885c | 1.13 |
#b7c2bf | #ac885c | 1.78 |
#b7c2bf | #bcc6c4 | 1.04 |
#3c4745 | #543c3c | 1.04 |
#ac885c | #bcc6c4 | 1.86 |
Image palette Colour palette typography web ui colors png
Export Palette
Download the "Colour palette typography web ui colors" in multiple formats for seamless integration into your design projects.
Available formats: