Homepage design modern webpages latest webpage ui palette
- Satin Sheen Gold#d6a136
- Brown Yellow#ce9f60
- Dark Slate Gray#235558
- English Lavender#ae8789
- Pastel Gray#cfcdbc
- Dark Charcoal#343131
Created at 08/19/2022 19:19
The palette consists of Light, Semi dark, Dark colors. Accent colors Satin Sheen Gold #d6a136 and Dark Slate Gray #235558. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #343131 (darkest) to #CFCDBC (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.
Overall temperature among swatches leans warm (4 of 6).
HEX codes (sorted): #235558, #343131, #AE8789, #CE9F60, #CFCDBC, #D6A136
Palette Homepage design modern webpages latest webpage ui palette combines 6 color codes:
HEX: #d6a136, RGB: (214, 161, 54); HEX: #ce9f60, RGB: (206, 159, 96); HEX: #235558, RGB: (35, 85, 88)
HEX: #ae8789, RGB: (174, 135, 137); HEX: #cfcdbc, RGB: (207, 205, 188); HEX: #343131, RGB: (52, 49, 49)
Simplified version of palette colors
Shade of Goldenrod, Shade of Burlywood, Tint of Dark Slate Gray, Shade of Rosy Brown, Shade of Light Gray, Tint of Black
Color scheme was created by colorswall
Color codes in palette
Homepage design modern webpages latest webpage ui palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #d6a136 | #d6a136 | RGB(214, 161, 54) | Satin Sheen Gold | — |
| #ce9f60 | #ce9f60 | RGB(206, 159, 96) | Brown Yellow | — |
| #235558 | #235558 | RGB(35, 85, 88) | Dark Slate Gray | — |
| #ae8789 | #ae8789 | RGB(174, 135, 137) | English Lavender | — |
| #cfcdbc | #cfcdbc | RGB(207, 205, 188) | Pastel Gray | — |
| #343131 | #343131 | RGB(52, 49, 49) | Dark Charcoal | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#d6a136 | #ce9f60 | 1.02 |
#d6a136 | #ae8789 | 1.35 |
#d6a136 | #cfcdbc | 1.45 |
#ce9f60 | #ae8789 | 1.32 |
#ce9f60 | #cfcdbc | 1.49 |
#235558 | #343131 | 1.54 |
Image palette Homepage design modern webpages latest webpage ui palette png
Export Palette
Download the "Homepage design modern webpages latest webpage ui palette" in multiple formats for seamless integration into your design projects.
Available formats: