Loading...
Created at 04/14/2023 11:08
Design ui branding ux palette
- Kiwi#84dc2c
- Maximum Yellow Red#ecbc54
- Army Green#534822
- Bronze (Metallic)#a58e5e
- Light Pastel Purple#b09cd0
- Soldier Green#5d4f30
The palette consists of Light colors. Accent colors Maximum Yellow Red #ecbc54 and Light Pastel Purple #b09cd0. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #534822 (darkest) to #B09CD0 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #534822, #5D4F30, #84DC2C, #A58E5E, #B09CD0, #ECBC54
Palette Design ui branding ux palette has combination of 6 codes colors:
HEX: #84dc2c, RGB: (132, 220, 44); HEX: #ecbc54, RGB: (236, 188, 84); HEX: #534822, RGB: (83, 72, 34)
HEX: #a58e5e, RGB: (165, 142, 94); HEX: #b09cd0, RGB: (176, 156, 208); HEX: #5d4f30, RGB: (93, 79, 48)
Simplified version of palette colors
Shade of Yellowgreen, Shade of goldenrod, Tint of darkolivegreen, Shade of darkgoldenrod, Tint of plum, Tint of dimgrey
Color scheme was created by coolor
Colors codes in palette
Design ui branding ux palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #84dc2c | #84dc2c | RGB(132, 220, 44) | Kiwi | — |
| #ecbc54 | #ecbc54 | RGB(236, 188, 84) | Maximum Yellow Red | — |
| #534822 | #534822 | RGB(83, 72, 34) | Army Green | — |
| #a58e5e | #a58e5e | RGB(165, 142, 94) | Bronze (Metallic) | — |
| #b09cd0 | #b09cd0 | RGB(176, 156, 208) | Light Pastel Purple | — |
| #5d4f30 | #5d4f30 | RGB(93, 79, 48) | Soldier Green | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#84dc2c | #ecbc54 | 1.03 |
#84dc2c | #a58e5e | 1.84 |
#84dc2c | #b09cd0 | 1.43 |
#ecbc54 | #a58e5e | 1.79 |
#ecbc54 | #b09cd0 | 1.39 |
#534822 | #5d4f30 | 1.13 |
Image palette Design ui branding ux palette png
Export Palette
Download the "Design ui branding ux palette" in multiple formats for seamless integration into your design projects.
Available formats: