Loading...
Created at 10/17/2022 10:19
Uidesign website ui design palette
- Spanish Orange#eb6706
- Tiger's Eye#e88a3a
- Philippine Bronze#6e330c
- Cinereous#9f907a
- Silver Chalice#b5aca3
- Brown Coffee#4c342c
The palette consists of Light colors. Accent colors Spanish Orange #eb6706 and Philippine Bronze #6e330c. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #4C342C (darkest) to #B5ACA3 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #4C342C, #6E330C, #9F907A, #B5ACA3, #E88A3A, #EB6706
Palette Uidesign website ui design palette has combination of 6 codes colors:
HEX: #eb6706, RGB: (235, 103, 6); HEX: #e88a3a, RGB: (232, 138, 58); HEX: #6e330c, RGB: (110, 51, 12)
HEX: #9f907a, RGB: (159, 144, 122); HEX: #b5aca3, RGB: (181, 172, 163); HEX: #4c342c, RGB: (76, 52, 44)
Simplified version of palette colors
Shade of chocolate, Tint of darkorange, Tint of saddlebrown, Tint of tan, Shade of darkgrey, Shade of Maroon
Color scheme was created by colorswall
Colors codes in palette
Uidesign website ui design palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #eb6706 | #eb6706 | RGB(235, 103, 6) | Spanish Orange | — |
| #e88a3a | #e88a3a | RGB(232, 138, 58) | Tiger's Eye | — |
| #6e330c | #6e330c | RGB(110, 51, 12) | Philippine Bronze | — |
| #9f907a | #9f907a | RGB(159, 144, 122) | Cinereous | — |
| #b5aca3 | #b5aca3 | RGB(181, 172, 163) | Silver Chalice | — |
| #4c342c | #4c342c | RGB(76, 52, 44) | Brown Coffee | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#eb6706 | #e88a3a | 1.25 |
#eb6706 | #9f907a | 1.04 |
#eb6706 | #b5aca3 | 1.45 |
#e88a3a | #9f907a | 1.2 |
#e88a3a | #b5aca3 | 1.15 |
#6e330c | #4c342c | 1.16 |
Image palette Uidesign website ui design palette png
Export Palette
Download the "Uidesign website ui design palette" in multiple formats for seamless integration into your design projects.
Available formats: