Loading...
Created at 02/14/2023 11:11
Ui clean ux search bar colours
- Aztec Gold#b4a054
- Azureish White#d6ecf3
- Soldier Green#5c5128
- Green Sheen#78a4a4
- Jet Stream#bccfcf
- Raisin Black#241c24
The palette consists of Light, Semi dark, Dark colors. Accent colors Azureish White #d6ecf3 and Soldier Green #5c5128. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #241C24 (darkest) to #D6ECF3 (lightest). The lightness range is wide.
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): #241C24, #5C5128, #78A4A4, #B4A054, #BCCFCF, #D6ECF3
Palette Ui clean ux search bar colours has combination of 6 codes colors:
HEX: #b4a054, RGB: (180, 160, 84); HEX: #d6ecf3, RGB: (214, 236, 243); HEX: #5c5128, RGB: (92, 81, 40)
HEX: #78a4a4, RGB: (120, 164, 164); HEX: #bccfcf, RGB: (188, 207, 207); HEX: #241c24, RGB: (36, 28, 36)
Simplified version of palette colors
Tint of darkkhaki, Tint of azure, Tint of darkolivegreen, Shade of cadetblue, Tint of lightblue, Shade of Black
Color scheme was created by colorslib
Colors codes in palette
Ui clean ux search bar colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #b4a054 | #b4a054 | RGB(180, 160, 84) | Aztec Gold | — |
| #d6ecf3 | #d6ecf3 | RGB(214, 236, 243) | Azureish White | — |
| #5c5128 | #5c5128 | RGB(92, 81, 40) | Soldier Green | — |
| #78a4a4 | #78a4a4 | RGB(120, 164, 164) | Green Sheen | — |
| #bccfcf | #bccfcf | RGB(188, 207, 207) | Jet Stream | — |
| #241c24 | #241c24 | RGB(36, 28, 36) | Raisin Black | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b4a054 | #78a4a4 | 1.05 |
#b4a054 | #bccfcf | 1.6 |
#d6ecf3 | #bccfcf | 1.32 |
#78a4a4 | #bccfcf | 1.69 |
Image palette Ui clean ux search bar colours png
Export Palette
Download the "Ui clean ux search bar colours" in multiple formats for seamless integration into your design projects.
Available formats: