Steps popup dropdown modal palette
- Lavender Indigo#844af5
- Violets Are Blue#9467f6
- Persian Indigo#2f067d
- Granite Gray#656565
- Pastel Blue#b4c1d4
- Gray#444444
Created at 04/13/2023 16:14
The palette consists of Semi dark, Light, Dark colors. Accent colors Lavender Indigo #844af5 and Persian Indigo #2f067d. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #2F067D (darkest) to #B4C1D4 (lightest). The lightness range is moderate.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 45°.
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #2F067D, #444444, #656565, #844AF5, #9467F6, #B4C1D4
Palette Steps popup dropdown modal palette combines 6 color codes:
HEX: #844af5, RGB: (132, 74, 245); HEX: #9467f6, RGB: (148, 103, 246); HEX: #2f067d, RGB: (47, 6, 125)
HEX: #656565, RGB: (101, 101, 101); HEX: #b4c1d4, RGB: (180, 193, 212); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of blueviolet, Tint of mediumslateblue, Tint of Navy, Shade of dimgrey, Shade of lightsteelblue, Shade of dimgrey
Color scheme was created by colorhunt
Color codes in palette
Steps popup dropdown modal palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #844af5 | #844af5 | RGB(132, 74, 245) | Lavender Indigo | — |
| #9467f6 | #9467f6 | RGB(148, 103, 246) | Violets Are Blue | — |
| #2f067d | #2f067d | RGB(47, 6, 125) | Persian Indigo | — |
| #656565 | #656565 | RGB(101, 101, 101) | Granite Gray | — |
| #b4c1d4 | #b4c1d4 | RGB(180, 193, 212) | Pastel Blue | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#844af5 | #9467f6 | 1.29 |
#844af5 | #656565 | 1.18 |
#844af5 | #444444 | 1.98 |
#9467f6 | #656565 | 1.53 |
#2f067d | #444444 | 1.49 |
#656565 | #444444 | 1.67 |
Image palette Steps popup dropdown modal palette png
Export Palette
Download the "Steps popup dropdown modal palette" in multiple formats for seamless integration into your design projects.
Available formats: