Created at 07/28/2025 19:29
Mobile-First UX Optimization Stack
Thumb Pink
#f7a1b2
Responsive Blue
#62b6cb
Grid Beige
#fff3e1
Tap Yellow
#ffe066
CTA Indigo
#7f5af0
Header Gray
#d4d4d4
The palette consists of Light colors. Accent colors Grid Beige #fff3e1 and CTA Indigo #7f5af0. Palette has Warm, Cool, Neutral colors temperature.
Palette Mobile-First UX Optimization Stack has combination of 6 codes colors:
HEX: #f7a1b2, RGB: (247, 161, 178); HEX: #62b6cb, RGB: (98, 182, 203); HEX: #fff3e1, RGB: (255, 243, 225)
HEX: #ffe066, RGB: (255, 224, 102); HEX: #7f5af0, RGB: (127, 90, 240); HEX: #d4d4d4, RGB: (212, 212, 212)
Simplified version of palette colors
Tint of lightpink, Tint of skyblue, Tint of oldlace, Shade of gold, Tint of mediumslateblue, Shade of lightgrey
Color scheme was created by colorday
Colors codes in palette
Mobile-First UX Optimization Stack color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f7a1b2 | #f7a1b2 | RGB(247, 161, 178) | Thumb Pink | — |
| #62b6cb | #62b6cb | RGB(98, 182, 203) | Responsive Blue | — |
| #fff3e1 | #fff3e1 | RGB(255, 243, 225) | Grid Beige | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Tap Yellow | — |
| #7f5af0 | #7f5af0 | RGB(127, 90, 240) | CTA Indigo | — |
| #d4d4d4 | #d4d4d4 | RGB(212, 212, 212) | Header Gray | Disco Ball |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f7a1b2 | #62b6cb | 1.17 |
#f7a1b2 | #fff3e1 | 1.79 |
#f7a1b2 | #ffe066 | 1.5 |
#f7a1b2 | #d4d4d4 | 1.32 |
#62b6cb | #ffe066 | 1.77 |
#62b6cb | #7f5af0 | 1.96 |
Image palette Mobile-First UX Optimization Stack png
Export Palette
Download the "Mobile-First UX Optimization Stack" in multiple formats for seamless integration into your design projects.
Available formats: