Loading...
Created at 06/01/2022 15:58
Simple screen design ui palette
- Sage#b4c484
- Pale Spring Bud#e4f4b5
- Dark Olive Green#4c7434
- Asparagus#7c9f63
- Khaki (HTML/CSS)#cbb69a
- Deep Moss Green#436936
The palette consists of Light, Semi dark colors. Accent colors Pale Spring Bud #e4f4b5 and Dark Olive Green #4c7434. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #436936 (darkest) to #E4F4B5 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hues sit in a neighboring band on the wheel (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #436936, #4C7434, #7C9F63, #B4C484, #CBB69A, #E4F4B5
Palette Simple screen design ui palette has combination of 6 codes colors:
HEX: #b4c484, RGB: (180, 196, 132); HEX: #e4f4b5, RGB: (228, 244, 181); HEX: #4c7434, RGB: (76, 116, 52)
HEX: #7c9f63, RGB: (124, 159, 99); HEX: #cbb69a, RGB: (203, 182, 154); HEX: #436936, RGB: (67, 105, 54)
Simplified version of palette colors
Shade of darkkhaki, Shade of palegoldenrod, Shade of darkolivegreen, Tint of darkseagreen, Shade of tan, Tint of darkolivegreen
Color scheme was created by colorswall
Colors codes in palette
Simple screen design ui palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #b4c484 | #b4c484 | RGB(180, 196, 132) | Sage | — |
| #e4f4b5 | #e4f4b5 | RGB(228, 244, 181) | Pale Spring Bud | — |
| #4c7434 | #4c7434 | RGB(76, 116, 52) | Dark Olive Green | — |
| #7c9f63 | #7c9f63 | RGB(124, 159, 99) | Asparagus | — |
| #cbb69a | #cbb69a | RGB(203, 182, 154) | Khaki (HTML/CSS) | — |
| #436936 | #436936 | RGB(67, 105, 54) | Deep Moss Green | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b4c484 | #e4f4b5 | 1.6 |
#b4c484 | #7c9f63 | 1.59 |
#b4c484 | #cbb69a | 1.04 |
#e4f4b5 | #cbb69a | 1.67 |
#4c7434 | #7c9f63 | 1.81 |
#4c7434 | #436936 | 1.16 |
Image palette Simple screen design ui palette png
Export Palette
Download the "Simple screen design ui palette" in multiple formats for seamless integration into your design projects.
Available formats: