Online store product web design landing page
- Jelly Bean Blue#377a9f
- Pastel Blue#a2bdd5
- Brown Chocolate#642034
- Asparagus#9ba465
- Pale Silver#ccc0c2
- Police Blue#2c5865
Created at 12/31/2022 19:42
The palette consists of Semi dark, Light, Dark colors. Accent colors Jelly Bean Blue #377a9f and Brown Chocolate #642034. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #642034 (darkest) to #CCC0C2 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range, averaging 36% across the palette.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #2C5865, #377A9F, #642034, #9BA465, #A2BDD5, #CCC0C2
Palette Online store product web design landing page combines 6 color codes:
HEX: #377a9f, RGB: (55, 122, 159); HEX: #a2bdd5, RGB: (162, 189, 213); HEX: #642034, RGB: (100, 32, 52)
HEX: #9ba465, RGB: (155, 164, 101); HEX: #ccc0c2, RGB: (204, 192, 194); HEX: #2c5865, RGB: (44, 88, 101)
Simplified version of palette colors
Shade of steelblue, Shade of lightsteelblue, Tint of Maroon, Shade of darkkhaki, Tint of Silver, Tint of darkslategrey
Color scheme was created by hex
Color codes in palette
Online store product web design landing page color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #377a9f | #377a9f | RGB(55, 122, 159) | Jelly Bean Blue | — |
| #a2bdd5 | #a2bdd5 | RGB(162, 189, 213) | Pastel Blue | — |
| #642034 | #642034 | RGB(100, 32, 52) | Brown Chocolate | — |
| #9ba465 | #9ba465 | RGB(155, 164, 101) | Asparagus | — |
| #ccc0c2 | #ccc0c2 | RGB(204, 192, 194) | Pale Silver | — |
| #2c5865 | #2c5865 | RGB(44, 88, 101) | Police Blue | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#377a9f | #9ba465 | 1.77 |
#377a9f | #2c5865 | 1.65 |
#a2bdd5 | #9ba465 | 1.36 |
#a2bdd5 | #ccc0c2 | 1.1 |
#642034 | #2c5865 | 1.49 |
#9ba465 | #ccc0c2 | 1.5 |
Image palette Online store product web design landing page png
Export Palette
Download the "Online store product web design landing page" in multiple formats for seamless integration into your design projects.
Available formats: