Created at 07/07/2025 17:10
Mobile Gesture Interaction UI
- Swipe Sky#bae8e8
- Tap Yellow#ffd972
- Scroll Graphite#2f2f2f
- Hold Mint#a3e4db
- Hover Rose#f9c6d0
- Press Teal#00b2ca
The palette consists of Light, Dark colors. Accent colors Tap Yellow #ffd972 and Press Teal #00b2ca. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #2F2F2F (darkest) to #F9C6D0 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #00B2CA, #2F2F2F, #A3E4DB, #BAE8E8, #F9C6D0, #FFD972
Palette Mobile Gesture Interaction UI has combination of 6 codes colors:
HEX: #bae8e8, RGB: (186, 232, 232); HEX: #ffd972, RGB: (255, 217, 114); HEX: #2f2f2f, RGB: (47, 47, 47)
HEX: #a3e4db, RGB: (163, 228, 219); HEX: #f9c6d0, RGB: (249, 198, 208); HEX: #00b2ca, RGB: (0, 178, 202)
Simplified version of palette colors
Shade of powderblue, Tint of Khaki, Shade of Black, Tint of paleturquoise, Shade of Pink, Tint of darkturquoise
Color scheme was created by coolor
Colors codes in palette
Mobile Gesture Interaction UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #bae8e8 | #bae8e8 | RGB(186, 232, 232) | Swipe Sky | — |
| #ffd972 | #ffd972 | RGB(255, 217, 114) | Tap Yellow | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Scroll Graphite | — |
| #a3e4db | #a3e4db | RGB(163, 228, 219) | Hold Mint | — |
| #f9c6d0 | #f9c6d0 | RGB(249, 198, 208) | Hover Rose | — |
| #00b2ca | #00b2ca | RGB(0, 178, 202) | Press Teal | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#bae8e8 | #ffd972 | 1.02 |
#bae8e8 | #a3e4db | 1.07 |
#bae8e8 | #f9c6d0 | 1.12 |
#bae8e8 | #00b2ca | 1.92 |
#ffd972 | #a3e4db | 1.05 |
#ffd972 | #f9c6d0 | 1.1 |
Image palette Mobile Gesture Interaction UI png
Export Palette
Download the "Mobile Gesture Interaction UI" in multiple formats for seamless integration into your design projects.
Available formats: