Branding ui figma design palette
- Vivid Red#fb1818
- Princess Perfume#ee8cd4
- Dark Moss Green#446414
- Bud Green#76b254
- Dark Sea Green#9bb884
- Gray#444444
Created at 05/07/2022 19:00
The palette consists of Light, Semi dark colors. Accent colors Vivid Red #fb1818 and Princess Perfume #ee8cd4. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #444444 (darkest) to #EE8CD4 (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 3 vivid out of 6 colors.
A varied palette: its hues are spread across about 142° of the color wheel.
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #444444, #446414, #76B254, #9BB884, #EE8CD4, #FB1818
Palette Branding ui figma design palette combines 6 color codes:
HEX: #fb1818, RGB: (251, 24, 24); HEX: #ee8cd4, RGB: (238, 140, 212); HEX: #446414, RGB: (68, 100, 20)
HEX: #76b254, RGB: (118, 178, 84); HEX: #9bb884, RGB: (155, 184, 132); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of Red, Shade of Plum, Shade of Dark Olive Green, Tint of Lime Green, Shade of Dark Sea Green, Shade of Dim Gray
Color scheme was created by colorswall
Color codes in palette
Branding ui figma design palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fb1818 | #fb1818 | RGB(251, 24, 24) | Vivid Red | — |
| #ee8cd4 | #ee8cd4 | RGB(238, 140, 212) | Princess Perfume | — |
| #446414 | #446414 | RGB(68, 100, 20) | Dark Moss Green | — |
| #76b254 | #76b254 | RGB(118, 178, 84) | Bud Green | — |
| #9bb884 | #9bb884 | RGB(155, 184, 132) | Dark Sea Green | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fb1818 | #ee8cd4 | 1.78 |
#fb1818 | #446414 | 1.7 |
#fb1818 | #76b254 | 1.57 |
#fb1818 | #9bb884 | 1.82 |
#ee8cd4 | #76b254 | 1.12 |
#ee8cd4 | #9bb884 | 1.02 |
Image palette Branding ui figma design palette png
Export Palette
Download the "Branding ui figma design palette" in multiple formats for seamless integration into your design projects.
Available formats: