Ui product design mobile app brand colors
- Vista Blue#7d8ee2
- Maximum Blue Purple#b2b6ed
- Indigo (Rainbow)#18266c
- French Lilac#8c6499
- African Violet#ad8ec3
- Jacarta#32375a
Created at 02/26/2023 10:30
The palette consists of Light, Dark, Semi dark colors. Accent colors Vista Blue #7d8ee2 and Indigo (Rainbow) #18266c. Palette has Cool colors temperature.
By lightness, this palette runs from #18266C (darkest) to #B2B6ED (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 55°.
Overall temperature among swatches leans cool (6 of 6).
HEX codes (sorted): #18266C, #32375A, #7D8EE2, #8C6499, #AD8EC3, #B2B6ED
Palette Ui product design mobile app brand colors combines 6 color codes:
HEX: #7d8ee2, RGB: (125, 142, 226); HEX: #b2b6ed, RGB: (178, 182, 237); HEX: #18266c, RGB: (24, 38, 108)
HEX: #8c6499, RGB: (140, 100, 153); HEX: #ad8ec3, RGB: (173, 142, 195); HEX: #32375a, RGB: (50, 55, 90)
Simplified version of palette colors
Tint of Cornflower Blue, Shade of Light Steel Blue, Tint of Midnight Blue, Shade of Medium Purple, Shade of Plum, Shade of Dark Slate Blue
Color scheme was created by bad_colors
Color codes in palette
Ui product design mobile app brand colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #7d8ee2 | #7d8ee2 | RGB(125, 142, 226) | Vista Blue | — |
| #b2b6ed | #b2b6ed | RGB(178, 182, 237) | Maximum Blue Purple | — |
| #18266c | #18266c | RGB(24, 38, 108) | Indigo (Rainbow) | — |
| #8c6499 | #8c6499 | RGB(140, 100, 153) | French Lilac | — |
| #ad8ec3 | #ad8ec3 | RGB(173, 142, 195) | African Violet | — |
| #32375a | #32375a | RGB(50, 55, 90) | Jacarta | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#7d8ee2 | #b2b6ed | 1.58 |
#7d8ee2 | #8c6499 | 1.55 |
#7d8ee2 | #ad8ec3 | 1.08 |
#b2b6ed | #ad8ec3 | 1.45 |
#18266c | #32375a | 1.19 |
#8c6499 | #ad8ec3 | 1.69 |
Image palette Ui product design mobile app brand colors png
Export Palette
Download the "Ui product design mobile app brand colors" in multiple formats for seamless integration into your design projects.
Available formats: