Created at 06/13/2025 10:22
Mobile App Interaction System
Gesture Peach
#fec8d8
Scroll Mist
#edf6f9
Thumbzone Coral
#f88379
Accessibility Ink
#111827
Feedback Frost
#e0fbfc
Tap Blue
#00b4d8
The palette consists of Light, Dark colors. Accent colors Gesture Peach #fec8d8 and Tap Blue #00b4d8. Palette has Neutral, Warm, Cool colors temperature.
Palette Mobile App Interaction System has combination of 6 codes colors:
HEX: #fec8d8, RGB: (254, 200, 216); HEX: #edf6f9, RGB: (237, 246, 249); HEX: #f88379, RGB: (248, 131, 121)
HEX: #111827, RGB: (17, 24, 39); HEX: #e0fbfc, RGB: (224, 251, 252); HEX: #00b4d8, RGB: (0, 180, 216)
Simplified version of palette colors
Shade of Pink, Tint of aliceblue, Shade of salmon, Shade of Black, Tint of lightcyan, Tint of deepskyblue
Color scheme was created by colorslib
Colors codes in palette
Mobile App Interaction System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fec8d8 | #fec8d8 | RGB(254, 200, 216) | Gesture Peach | — |
| #edf6f9 | #edf6f9 | RGB(237, 246, 249) | Scroll Mist | — |
| #f88379 | #f88379 | RGB(248, 131, 121) | Thumbzone Coral | Coral Pink |
| #111827 | #111827 | RGB(17, 24, 39) | Accessibility Ink | — |
| #e0fbfc | #e0fbfc | RGB(224, 251, 252) | Feedback Frost | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Tap Blue | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fec8d8 | #edf6f9 | 1.32 |
#fec8d8 | #f88379 | 1.69 |
#fec8d8 | #e0fbfc | 1.33 |
#fec8d8 | #00b4d8 | 1.69 |
#edf6f9 | #e0fbfc | 1.01 |
#f88379 | #00b4d8 | 1 |
