Loading...
Created at 01/31/2022 11:11
Web design ux figma colors
- Dark Khaki#b8cb6d
- Medium Spring Bud#c4d595
- Dark Moss Green#556122
- Olivine#9cac79
- Gray (X11)#bcbdb8
- Onyx#38343c
The palette consists of Light, Semi dark colors. Accent colors Dark Moss Green #556122 and Onyx #38343c. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #38343C (darkest) to #BCBDB8 (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): #38343C, #556122, #9CAC79, #B8CB6D, #BCBDB8, #C4D595
Palette Web design ux figma colors has combination of 6 codes colors:
HEX: #b8cb6d, RGB: (184, 203, 109); HEX: #c4d595, RGB: (196, 213, 149); HEX: #556122, RGB: (85, 97, 34)
HEX: #9cac79, RGB: (156, 172, 121); HEX: #bcbdb8, RGB: (188, 189, 184); HEX: #38343c, RGB: (56, 52, 60)
Simplified version of palette colors
Shade of darkkhaki, Tint of palegoldenrod, Tint of darkolivegreen, Tint of darkseagreen, Tint of Silver, Shade of Black
Color scheme was created by colorswall
Colors codes in palette
Web design ux figma colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #b8cb6d | #b8cb6d | RGB(184, 203, 109) | Dark Khaki | — |
| #c4d595 | #c4d595 | RGB(196, 213, 149) | Medium Spring Bud | — |
| #556122 | #556122 | RGB(85, 97, 34) | Dark Moss Green | — |
| #9cac79 | #9cac79 | RGB(156, 172, 121) | Olivine | — |
| #bcbdb8 | #bcbdb8 | RGB(188, 189, 184) | Gray (X11) | — |
| #38343c | #38343c | RGB(56, 52, 60) | Onyx | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b8cb6d | #c4d595 | 1.12 |
#b8cb6d | #9cac79 | 1.37 |
#b8cb6d | #bcbdb8 | 1.06 |
#c4d595 | #9cac79 | 1.54 |
#c4d595 | #bcbdb8 | 1.19 |
#556122 | #38343c | 1.8 |
Image palette Web design ux figma colors png
Export Palette
Download the "Web design ux figma colors" in multiple formats for seamless integration into your design projects.
Available formats: