Created at 07/13/2025 17:19
Mobile UX Flow Mapping Set
Screen Cream
#fef9ef
Drag Purple
#9381ff
Tap Coral
#ffb4a2
Scroll Blue
#4d90fe
Frame Navy
#3d405b
UI Black
#1c1c1c
The palette consists of Light, Dark colors. Accent colors Drag Purple #9381ff and Tap Coral #ffb4a2. Palette has Neutral, Cool, Warm colors temperature.
Palette Mobile UX Flow Mapping Set has combination of 6 codes colors:
HEX: #fef9ef, RGB: (254, 249, 239); HEX: #9381ff, RGB: (147, 129, 255); HEX: #ffb4a2, RGB: (255, 180, 162)
HEX: #4d90fe, RGB: (77, 144, 254); HEX: #3d405b, RGB: (61, 64, 91); HEX: #1c1c1c, RGB: (28, 28, 28)
Simplified version of palette colors
Tint of floralwhite, Shade of mediumpurple, Shade of lightsalmon, Tint of cornflowerblue, Tint of darkslateblue, Shade of Black
Color scheme was created by colorscheme
Colors codes in palette
Mobile UX Flow Mapping Set color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fef9ef | #fef9ef | RGB(254, 249, 239) | Screen Cream | — |
| #9381ff | #9381ff | RGB(147, 129, 255) | Drag Purple | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Tap Coral | — |
| #4d90fe | #4d90fe | RGB(77, 144, 254) | Scroll Blue | — |
| #3d405b | #3d405b | RGB(61, 64, 91) | Frame Navy | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | UI Black | Gray11 |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fef9ef | #ffb4a2 | 1.62 |
#9381ff | #ffb4a2 | 1.8 |
#9381ff | #4d90fe | 1.01 |
#ffb4a2 | #4d90fe | 1.82 |
#3d405b | #1c1c1c | 1.69 |
