Loading...
Created at 04/15/2023 15:47
Onboarding interface popup design palette
- Palatinate Blue#2130e8
- Bright Lavender#b8a0f4
- Dark Imperial Blue#0c1478
- Philippine Gray#8c8c94
- Ceil#999ac7
- Raisin Black#242424
The palette consists of Light, Dark colors. Accent colors Dark Imperial Blue #0c1478 and Raisin Black #242424. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #242424 (darkest) to #B8A0F4 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0C1478, #2130E8, #242424, #8C8C94, #999AC7, #B8A0F4
Palette Onboarding interface popup design palette has combination of 6 codes colors:
HEX: #2130e8, RGB: (33, 48, 232); HEX: #b8a0f4, RGB: (184, 160, 244); HEX: #0c1478, RGB: (12, 20, 120)
HEX: #8c8c94, RGB: (140, 140, 148); HEX: #999ac7, RGB: (153, 154, 199); HEX: #242424, RGB: (36, 36, 36)
Simplified version of palette colors
Shade of Blue, Tint of plum, Tint of midnightblue, Shade of Grey, Tint of lightsteelblue, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
Onboarding interface popup design palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2130e8 | #2130e8 | RGB(33, 48, 232) | Palatinate Blue | — |
| #b8a0f4 | #b8a0f4 | RGB(184, 160, 244) | Bright Lavender | — |
| #0c1478 | #0c1478 | RGB(12, 20, 120) | Dark Imperial Blue | — |
| #8c8c94 | #8c8c94 | RGB(140, 140, 148) | Philippine Gray | — |
| #999ac7 | #999ac7 | RGB(153, 154, 199) | Ceil | — |
| #242424 | #242424 | RGB(36, 36, 36) | Raisin Black | Gray14 |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2130e8 | #0c1478 | 1.91 |
#2130e8 | #242424 | 1.96 |
#b8a0f4 | #8c8c94 | 1.48 |
#b8a0f4 | #999ac7 | 1.2 |
#0c1478 | #242424 | 1.02 |
#8c8c94 | #999ac7 | 1.23 |
Image palette Onboarding interface popup design palette png
Export Palette
Download the "Onboarding interface popup design palette" in multiple formats for seamless integration into your design projects.
Available formats: