Created at 10/11/2022 15:49
Ui web interface startup
- Portland Orange#f96433
- Orange-Yellow (Crayola)#f2c85e
- Indigo (Rainbow)#244464
- Spicy Mix#8c5454
- Pink#ddc2ba
- Boy Red#6f5d47
The palette consists of Light, Semi dark colors. Accent colors Portland Orange #f96433 and Indigo (Rainbow) #244464. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #244464 (darkest) to #DDC2BA (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #244464, #6F5D47, #8C5454, #DDC2BA, #F2C85E, #F96433
Palette Ui web interface startup has combination of 6 codes colors:
HEX: #f96433, RGB: (249, 100, 51); HEX: #f2c85e, RGB: (242, 200, 94); HEX: #244464, RGB: (36, 68, 100)
HEX: #8c5454, RGB: (140, 84, 84); HEX: #ddc2ba, RGB: (221, 194, 186); HEX: #6f5d47, RGB: (111, 93, 71)
Simplified version of palette colors
Shade of orangered, Tint of gold, Tint of darkslateblue, Shade of brown, Tint of mistyrose, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Ui web interface startup color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f96433 | #f96433 | RGB(249, 100, 51) | Portland Orange | — |
| #f2c85e | #f2c85e | RGB(242, 200, 94) | Orange-Yellow (Crayola) | — |
| #244464 | #244464 | RGB(36, 68, 100) | Indigo (Rainbow) | — |
| #8c5454 | #8c5454 | RGB(140, 84, 84) | Spicy Mix | — |
| #ddc2ba | #ddc2ba | RGB(221, 194, 186) | Pink | Thulite Rose |
| #6f5d47 | #6f5d47 | RGB(111, 93, 71) | Boy Red | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f96433 | #f2c85e | 1.91 |
#f96433 | #8c5454 | 1.96 |
#f96433 | #ddc2ba | 1.81 |
#f2c85e | #ddc2ba | 1.05 |
#244464 | #8c5454 | 1.68 |
#244464 | #6f5d47 | 1.59 |
Image palette Ui web interface startup png
Export Palette
Download the "Ui web interface startup" in multiple formats for seamless integration into your design projects.
Available formats: