Created at 07/11/2025 20:17
Mobile UI Pattern Generator
Touch Input Pink
#ffb5c2
Swipe Blue
#3d5a80
Interaction Ivory
#f8f4e3
Snackbar Navy
#293241
Modal Layer Aqua
#98f5e1
Onboarding Yellow
#ffe066
The palette consists of Light, Semi dark, Dark colors. Accent colors Swipe Blue #3d5a80 and Onboarding Yellow #ffe066. Palette has Warm, Cool, Neutral colors temperature.
Palette Mobile UI Pattern Generator has combination of 6 codes colors:
HEX: #ffb5c2, RGB: (255, 181, 194); HEX: #3d5a80, RGB: (61, 90, 128); HEX: #f8f4e3, RGB: (248, 244, 227)
HEX: #293241, RGB: (41, 50, 65); HEX: #98f5e1, RGB: (152, 245, 225); HEX: #ffe066, RGB: (255, 224, 102)
Simplified version of palette colors
Tint of lightpink, Shade of darkslateblue, Tint of oldlace, Shade of midnightblue, Shade of aquamarine, Shade of gold
Color scheme was created by hex
Colors codes in palette
Mobile UI Pattern Generator color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffb5c2 | #ffb5c2 | RGB(255, 181, 194) | Touch Input Pink | — |
| #3d5a80 | #3d5a80 | RGB(61, 90, 128) | Swipe Blue | — |
| #f8f4e3 | #f8f4e3 | RGB(248, 244, 227) | Interaction Ivory | — |
| #293241 | #293241 | RGB(41, 50, 65) | Snackbar Navy | — |
| #98f5e1 | #98f5e1 | RGB(152, 245, 225) | Modal Layer Aqua | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Onboarding Yellow | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffb5c2 | #f8f4e3 | 1.5 |
#ffb5c2 | #98f5e1 | 1.3 |
#ffb5c2 | #ffe066 | 1.27 |
#3d5a80 | #293241 | 1.82 |
#f8f4e3 | #98f5e1 | 1.15 |
#f8f4e3 | #ffe066 | 1.18 |
