Design ux ui colors palette
- May Green#4ca441
- Eton Blue#94dc9c
- Brown Chocolate#642434
- Rose Taupe#94545c
- Beau Blue#bcd0dc
- Liver Chestnut (Horses)#524234
Created at 11/10/2022 13:37
The palette consists of Light, Semi dark colors. Accent colors Eton Blue #94dc9c and Brown Chocolate #642434. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #642434 (darkest) to #BCD0DC (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range, averaging 37% across the palette.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (3 warm, 3 cool).
HEX codes (sorted): #4CA441, #524234, #642434, #94545C, #94DC9C, #BCD0DC
Palette Design ux ui colors palette combines 6 color codes:
HEX: #4ca441, RGB: (76, 164, 65); HEX: #94dc9c, RGB: (148, 220, 156); HEX: #642434, RGB: (100, 36, 52)
HEX: #94545c, RGB: (148, 84, 92); HEX: #bcd0dc, RGB: (188, 208, 220); HEX: #524234, RGB: (82, 66, 52)
Simplified version of palette colors
Tint of Forest Green, Shade of Light Green, Tint of Maroon, Shade of Indian Red, Tint of Light Steel Blue, Shade of Dim Gray
Color scheme was created by palettespicker
Color codes in palette
Design ux ui colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #4ca441 | #4ca441 | RGB(76, 164, 65) | May Green | — |
| #94dc9c | #94dc9c | RGB(148, 220, 156) | Eton Blue | — |
| #642434 | #642434 | RGB(100, 36, 52) | Brown Chocolate | — |
| #94545c | #94545c | RGB(148, 84, 92) | Rose Taupe | — |
| #bcd0dc | #bcd0dc | RGB(188, 208, 220) | Beau Blue | — |
| #524234 | #524234 | RGB(82, 66, 52) | Liver Chestnut (Horses) | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#4ca441 | #94dc9c | 1.93 |
#4ca441 | #94545c | 1.81 |
#4ca441 | #bcd0dc | 1.97 |
#94dc9c | #bcd0dc | 1.01 |
#642434 | #94545c | 1.99 |
#642434 | #524234 | 1.18 |
Image palette Design ux ui colors palette png
Export Palette
Download the "Design ux ui colors palette" in multiple formats for seamless integration into your design projects.
Available formats: