Desktop overlay website uidesign
- #f7be4f
- #f3a497
- #3f9d8e
- #54807c
- #b1d0b5
- #3c3c2c
Created at 12/30/2020 13:40
The palette consists of Light, Semi dark colors. Accent colors #f7be4f and #3f9d8e. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #3C3C2C (darkest) to #F7BE4F (lightest). The lightness range is moderate.
Saturation is mixed — 3 muted and 2 vivid out of 6 colors.
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): #3C3C2C, #3F9D8E, #54807C, #B1D0B5, #F3A497, #F7BE4F
Palette Desktop overlay website uidesign combines 6 color codes:
HEX: #f7be4f, RGB: (247, 190, 79); HEX: #f3a497, RGB: (243, 164, 151); HEX: #3f9d8e, RGB: (63, 157, 142)
HEX: #54807c, RGB: (84, 128, 124); HEX: #b1d0b5, RGB: (177, 208, 181); HEX: #3c3c2c, RGB: (60, 60, 44)
Simplified version of palette colors
Tint of Goldenrod, Tint of Dark Salmon, Shade of Light Sea Green, Tint of Teal, Tint of Dark Sea Green, Shade of Dark Slate Gray
Color scheme was created by colorswall
Color codes in palette
Desktop overlay website uidesign color codes HEX, RGB information in table
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f7be4f | #f3a497 | 1.17 |
#f7be4f | #3f9d8e | 1.93 |
#f7be4f | #b1d0b5 | 1.01 |
#f3a497 | #3f9d8e | 1.64 |
#f3a497 | #b1d0b5 | 1.18 |
#3f9d8e | #54807c | 1.35 |
Image palette Desktop overlay website uidesign png
Export Palette
Download the "Desktop overlay website uidesign" in multiple formats for seamless integration into your design projects.
Available formats:
