React Native UI Mobility Set
- Bridge Blue#3f88c5
- Touchable White#fdfdfd
- Component Clay#edeade
- Gesture Tangerine#ff9f1c
- Stacked Slate#5a5a5a
- Mobile Pink#ffcad4
Created at 07/12/2025 19:58
The palette consists of Light, Semi dark colors. Accent colors Bridge Blue #3f88c5 and Mobile Pink #ffcad4. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #5A5A5A (darkest) to #FDFDFD (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans warm (2 of 6).
HEX codes (sorted): #3F88C5, #5A5A5A, #EDEADE, #FDFDFD, #FF9F1C, #FFCAD4
Palette React Native UI Mobility Set combines 6 color codes:
HEX: #3f88c5, RGB: (63, 136, 197); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #edeade, RGB: (237, 234, 222)
HEX: #ff9f1c, RGB: (255, 159, 28); HEX: #5a5a5a, RGB: (90, 90, 90); HEX: #ffcad4, RGB: (255, 202, 212)
Simplified version of palette colors
Tint of Steel Blue, Shade of White, Shade of Old Lace, Shade of Orange, Shade of Dim Gray, Tint of Pink
Color scheme was created by palettespicker
Color codes in palette
React Native UI Mobility Set color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #3f88c5 | #3f88c5 | RGB(63, 136, 197) | Bridge Blue | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Touchable White | Brilliance |
| #edeade | #edeade | RGB(237, 234, 222) | Component Clay | — |
| #ff9f1c | #ff9f1c | RGB(255, 159, 28) | Gesture Tangerine | — |
| #5a5a5a | #5a5a5a | RGB(90, 90, 90) | Stacked Slate | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Mobile Pink | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#3f88c5 | #ff9f1c | 1.84 |
#3f88c5 | #5a5a5a | 1.81 |
#fdfdfd | #edeade | 1.18 |
#fdfdfd | #ffcad4 | 1.4 |
#edeade | #ff9f1c | 1.7 |
#edeade | #ffcad4 | 1.18 |
Image palette React Native UI Mobility Set png
Export Palette
Download the "React Native UI Mobility Set" in multiple formats for seamless integration into your design projects.
Available formats:
