Created at 04/13/2023 12:03
Product design ux graphic ui
- Button Blue#35a1e9
- Baby Blue#87c7f1
- Verse Green#147c14
- Camouflage Green#7e7c6e
- Blue Sapphire#0f5889
- Cal Poly Pomona Green#244926
The palette consists of Light, Semi dark colors. Accent colors Button Blue #35a1e9 and Camouflage Green #7e7c6e. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #244926 (darkest) to #87C7F1 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
Hues sit in a neighboring band on the wheel, spanning about 84° (loose heuristic).
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #0F5889, #147C14, #244926, #35A1E9, #7E7C6E, #87C7F1
Palette Product design ux graphic ui has combination of 6 codes colors:
HEX: #35a1e9, RGB: (53, 161, 233); HEX: #87c7f1, RGB: (135, 199, 241); HEX: #147c14, RGB: (20, 124, 20)
HEX: #7e7c6e, RGB: (126, 124, 110); HEX: #0f5889, RGB: (15, 88, 137); HEX: #244926, RGB: (36, 73, 38)
Simplified version of palette colors
Shade of dodgerblue, Tint of lightskyblue, Shade of Green, Tint of Grey, Tint of royalblue, Tint of darkgreen
Color scheme was created by colourlock
Colors codes in palette
Product design ux graphic ui color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #35a1e9 | #35a1e9 | RGB(53, 161, 233) | Button Blue | — |
| #87c7f1 | #87c7f1 | RGB(135, 199, 241) | Baby Blue | — |
| #147c14 | #147c14 | RGB(20, 124, 20) | Verse Green | — |
| #7e7c6e | #7e7c6e | RGB(126, 124, 110) | Camouflage Green | — |
| #0f5889 | #0f5889 | RGB(15, 88, 137) | Blue Sapphire | — |
| #244926 | #244926 | RGB(36, 73, 38) | Cal Poly Pomona Green | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#35a1e9 | #87c7f1 | 1.54 |
#35a1e9 | #147c14 | 1.89 |
#35a1e9 | #7e7c6e | 1.48 |
#147c14 | #7e7c6e | 1.27 |
#147c14 | #0f5889 | 1.41 |
#147c14 | #244926 | 1.9 |
Image palette Product design ux graphic ui png
Export Palette
Download the "Product design ux graphic ui" in multiple formats for seamless integration into your design projects.
Available formats: