Responsive onboarding technology ui design palette
- Royal Orange#f88e42
- Pink Sherbet#f791ab
- Heliotrope Magenta#ac14a5
- Dark Silver#6e6e6f
- Pink Raspberry#8e0a2c
- Black#3d3e3e
Created at 03/05/2023 14:59
The palette consists of Light, Semi dark, Dark colors. Accent colors Royal Orange #f88e42 and Black #3d3e3e. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #3D3E3E (darkest) to #F791AB (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
The hues stay in one region of the color wheel, spanning about 82°.
Overall temperature among swatches leans warm (3 of 6).
HEX codes (sorted): #3D3E3E, #6E6E6F, #8E0A2C, #AC14A5, #F791AB, #F88E42
Palette Responsive onboarding technology ui design palette combines 6 color codes:
HEX: #f88e42, RGB: (248, 142, 66); HEX: #f791ab, RGB: (247, 145, 171); HEX: #ac14a5, RGB: (172, 20, 165)
HEX: #6e6e6f, RGB: (110, 110, 111); HEX: #8e0a2c, RGB: (142, 10, 44); HEX: #3d3e3e, RGB: (61, 62, 62)
Simplified version of palette colors
Tint of Dark Orange, Shade of Light Pink, Tint of Dark Magenta, Tint of Dim Gray, Shade of Brown, Shade of Dark Slate Gray
Color scheme was created by raccoon
Color codes in palette
Responsive onboarding technology ui design palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f88e42 | #f88e42 | RGB(248, 142, 66) | Royal Orange | — |
| #f791ab | #f791ab | RGB(247, 145, 171) | Pink Sherbet | — |
| #ac14a5 | #ac14a5 | RGB(172, 20, 165) | Heliotrope Magenta | — |
| #6e6e6f | #6e6e6f | RGB(110, 110, 111) | Dark Silver | — |
| #8e0a2c | #8e0a2c | RGB(142, 10, 44) | Pink Raspberry | — |
| #3d3e3e | #3d3e3e | RGB(61, 62, 62) | Black | Madison Avenue |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f88e42 | #f791ab | 1.07 |
#ac14a5 | #6e6e6f | 1.21 |
#ac14a5 | #8e0a2c | 1.52 |
#ac14a5 | #3d3e3e | 1.73 |
#6e6e6f | #8e0a2c | 1.84 |
#8e0a2c | #3d3e3e | 1.13 |
Image palette Responsive onboarding technology ui design palette png
Export Palette
Download the "Responsive onboarding technology ui design palette" in multiple formats for seamless integration into your design projects.
Available formats: