Loading...
Created at 08/08/2022 06:41
Web ui ux product palette
- Celtic Blue#2b7ecc
- Maize (Crayola)#e9c648
- Metallic Blue#2a547c
- Copper Penny#ac746c
- Tan#c6baaf
- Black Olive#3b3c39
The palette consists of Light colors. Accent colors Celtic Blue #2b7ecc and Maize (Crayola) #e9c648. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #3B3C39 (darkest) to #C6BAAF (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): #2A547C, #2B7ECC, #3B3C39, #AC746C, #C6BAAF, #E9C648
Palette Web ui ux product palette has combination of 6 codes colors:
HEX: #2b7ecc, RGB: (43, 126, 204); HEX: #e9c648, RGB: (233, 198, 72); HEX: #2a547c, RGB: (42, 84, 124)
HEX: #ac746c, RGB: (172, 116, 108); HEX: #c6baaf, RGB: (198, 186, 175); HEX: #3b3c39, RGB: (59, 60, 57)
Simplified version of palette colors
Tint of steelblue, Tint of gold, Shade of darkslateblue, Tint of rosybrown, Tint of Silver, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Web ui ux product palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2b7ecc | #2b7ecc | RGB(43, 126, 204) | Celtic Blue | — |
| #e9c648 | #e9c648 | RGB(233, 198, 72) | Maize (Crayola) | — |
| #2a547c | #2a547c | RGB(42, 84, 124) | Metallic Blue | — |
| #ac746c | #ac746c | RGB(172, 116, 108) | Copper Penny | — |
| #c6baaf | #c6baaf | RGB(198, 186, 175) | Tan | Legendary |
| #3b3c39 | #3b3c39 | RGB(59, 60, 57) | Black Olive | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2b7ecc | #2a547c | 1.86 |
#2b7ecc | #ac746c | 1.1 |
#e9c648 | #c6baaf | 1.14 |
#2a547c | #3b3c39 | 1.4 |
Image palette Web ui ux product palette png
Export Palette
Download the "Web ui ux product palette" in multiple formats for seamless integration into your design projects.
Available formats: