Loading...
Created at 05/18/2022 12:08
Ui website mockup uiux design adobe photoshop palette
- Yellow-Green#8cc838
- Tea Green#d1dfb5
- Palm Leaf#6c9141
- Moss Green#9ba253
- Desert Sand#dcc7b8
- Soldier Green#5c5c2e
The palette consists of Light, Semi dark colors. Accent colors Yellow-Green #8cc838 and Tea Green #d1dfb5. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #5C5C2E (darkest) to #D1DFB5 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #5C5C2E, #6C9141, #8CC838, #9BA253, #D1DFB5, #DCC7B8
Palette Ui website mockup uiux design adobe photoshop palette has combination of 6 codes colors:
HEX: #8cc838, RGB: (140, 200, 56); HEX: #d1dfb5, RGB: (209, 223, 181); HEX: #6c9141, RGB: (108, 145, 65)
HEX: #9ba253, RGB: (155, 162, 83); HEX: #dcc7b8, RGB: (220, 199, 184); HEX: #5c5c2e, RGB: (92, 92, 46)
Simplified version of palette colors
Tint of Yellowgreen, Tint of lightgoldenrodyellow, Shade of olivedrab, Tint of darkkhaki, Tint of peachpuff, Tint of darkolivegreen
Color scheme was created by colorswall
Colors codes in palette
Ui website mockup uiux design adobe photoshop palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #8cc838 | #8cc838 | RGB(140, 200, 56) | Yellow-Green | — |
| #d1dfb5 | #d1dfb5 | RGB(209, 223, 181) | Tea Green | — |
| #6c9141 | #6c9141 | RGB(108, 145, 65) | Palm Leaf | — |
| #9ba253 | #9ba253 | RGB(155, 162, 83) | Moss Green | — |
| #dcc7b8 | #dcc7b8 | RGB(220, 199, 184) | Desert Sand | — |
| #5c5c2e | #5c5c2e | RGB(92, 92, 46) | Soldier Green | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#8cc838 | #d1dfb5 | 1.43 |
#8cc838 | #6c9141 | 1.81 |
#8cc838 | #9ba253 | 1.35 |
#8cc838 | #dcc7b8 | 1.23 |
#d1dfb5 | #9ba253 | 1.94 |
#d1dfb5 | #dcc7b8 | 1.15 |
Image palette Ui website mockup uiux design adobe photoshop palette png
Export Palette
Download the "Ui website mockup uiux design adobe photoshop palette" in multiple formats for seamless integration into your design projects.
Available formats: