Loading...
Created at 10/13/2022 07:31
Ux architecture landing page web design palette
- Gamboge#e99e0b
- Sandstorm#f3d73e
- Golden Brown#935e10
- Green Sheen#6aabab
- Opal#9cc6c5
- Japanese Indigo#2b434d
The palette consists of Light, Semi dark colors. Accent colors Gamboge #e99e0b and Japanese Indigo #2b434d. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #2B434D (darkest) to #9CC6C5 (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #2B434D, #6AABAB, #935E10, #9CC6C5, #E99E0B, #F3D73E
Palette Ux architecture landing page web design palette has combination of 6 codes colors:
HEX: #e99e0b, RGB: (233, 158, 11); HEX: #f3d73e, RGB: (243, 215, 62); HEX: #935e10, RGB: (147, 94, 16)
HEX: #6aabab, RGB: (106, 171, 171); HEX: #9cc6c5, RGB: (156, 198, 197); HEX: #2b434d, RGB: (43, 67, 77)
Simplified version of palette colors
Tint of Orange, Shade of gold, Shade of saddlebrown, Shade of cadetblue, Tint of powderblue, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Ux architecture landing page web design palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e99e0b | #e99e0b | RGB(233, 158, 11) | Gamboge | — |
| #f3d73e | #f3d73e | RGB(243, 215, 62) | Sandstorm | — |
| #935e10 | #935e10 | RGB(147, 94, 16) | Golden Brown | — |
| #6aabab | #6aabab | RGB(106, 171, 171) | Green Sheen | — |
| #9cc6c5 | #9cc6c5 | RGB(156, 198, 197) | Opal | — |
| #2b434d | #2b434d | RGB(43, 67, 77) | Japanese Indigo | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e99e0b | #f3d73e | 1.55 |
#e99e0b | #6aabab | 1.16 |
#e99e0b | #9cc6c5 | 1.2 |
#f3d73e | #6aabab | 1.81 |
#f3d73e | #9cc6c5 | 1.29 |
#935e10 | #2b434d | 1.91 |
Image palette Ux architecture landing page web design palette png
Export Palette
Download the "Ux architecture landing page web design palette" in multiple formats for seamless integration into your design projects.
Available formats: