Loading...
Created at 11/12/2022 19:18
Uihut web landing uiux design colours
- Halloween Orange#e8661b
- Picton Blue#48d4f6
- Peacock Plume#246c6e
- Moss Green#749e59
- Opal#9bccc7
- Gray-Asparagus#405444
The palette consists of Light, Semi dark colors. Accent colors Halloween Orange #e8661b and Picton Blue #48d4f6. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #246C6E (darkest) to #9BCCC7 (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 cool.
HEX codes (sorted): #246C6E, #405444, #48D4F6, #749E59, #9BCCC7, #E8661B
Palette Uihut web landing uiux design colours has combination of 6 codes colors:
HEX: #e8661b, RGB: (232, 102, 27); HEX: #48d4f6, RGB: (72, 212, 246); HEX: #246c6e, RGB: (36, 108, 110)
HEX: #749e59, RGB: (116, 158, 89); HEX: #9bccc7, RGB: (155, 204, 199); HEX: #405444, RGB: (64, 84, 68)
Simplified version of palette colors
Shade of chocolate, Tint of skyblue, Tint of Teal, Shade of olivedrab, Tint of powderblue, Shade of darkslategrey
Color scheme was created by palettespicker
Colors codes in palette
Uihut web landing uiux design colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e8661b | #e8661b | RGB(232, 102, 27) | Halloween Orange | — |
| #48d4f6 | #48d4f6 | RGB(72, 212, 246) | Picton Blue | — |
| #246c6e | #246c6e | RGB(36, 108, 110) | Peacock Plume | — |
| #749e59 | #749e59 | RGB(116, 158, 89) | Moss Green | — |
| #9bccc7 | #9bccc7 | RGB(155, 204, 199) | Opal | — |
| #405444 | #405444 | RGB(64, 84, 68) | Gray-Asparagus | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e8661b | #48d4f6 | 1.89 |
#e8661b | #246c6e | 1.84 |
#e8661b | #749e59 | 1.06 |
#e8661b | #9bccc7 | 1.86 |
#48d4f6 | #749e59 | 1.77 |
#48d4f6 | #9bccc7 | 1.01 |
Image palette Uihut web landing uiux design colours png
Export Palette
Download the "Uihut web landing uiux design colours" in multiple formats for seamless integration into your design projects.
Available formats: