Created at 07/11/2025 13:01
Mobile Immersive Workflow UX
- App Core Charcoal#141414
- Touch State Green#a2d5ab
- Interaction Sky#89cff0
- Button Text White#ffffff
- Focus Dot Coral#ff6b6b
- Divider Line Grey#d1d1d1
The palette consists of Dark, Light colors. Accent colors Interaction Sky #89cff0 and Focus Dot Coral #ff6b6b. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 2 vivid out of 6 colors.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (2 of 6).
HEX codes (sorted): #141414, #89CFF0, #A2D5AB, #D1D1D1, #FF6B6B, #FFFFFF
Palette Mobile Immersive Workflow UX has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #a2d5ab, RGB: (162, 213, 171); HEX: #89cff0, RGB: (137, 207, 240)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #d1d1d1, RGB: (209, 209, 209)
Simplified version of palette colors
Shade of Black, Shade of darkseagreen, Shade of skyblue, White, Tint of salmon, Tint of lightgrey
Color scheme was created by colorscheme
Colors codes in palette
Mobile Immersive Workflow UX color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | App Core Charcoal | Sooty |
| #a2d5ab | #a2d5ab | RGB(162, 213, 171) | Touch State Green | — |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Interaction Sky | Pool Tiles |
| #ffffff | #ffffff | RGB(255, 255, 255) | Button Text White | White |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Focus Dot Coral | — |
| #d1d1d1 | #d1d1d1 | RGB(209, 209, 209) | Divider Line Grey | Gray82 |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#a2d5ab | #89cff0 | 1.03 |
#a2d5ab | #ffffff | 1.66 |
#a2d5ab | #ff6b6b | 1.67 |
#a2d5ab | #d1d1d1 | 1.08 |
#89cff0 | #ffffff | 1.71 |
#89cff0 | #ff6b6b | 1.61 |
Image palette Mobile Immersive Workflow UX png
Export Palette
Download the "Mobile Immersive Workflow UX" in multiple formats for seamless integration into your design projects.
Available formats: