Created at 06/13/2025 10:29
React Native Mobile Pattern
Touchpoint Cyan
#4fd1c5
View Indigo
#667eea
Props Lilac
#d6bcfa
Keyboard Grey
#cbd5e0
Tap Highlight
#ffe066
Simulated Black
#171923
The palette consists of Light, Dark colors. Accent colors Props Lilac #d6bcfa and Tap Highlight #ffe066. Palette has Cool, Warm, Neutral colors temperature.
Palette React Native Mobile Pattern has combination of 6 codes colors:
HEX: #4fd1c5, RGB: (79, 209, 197); HEX: #667eea, RGB: (102, 126, 234); HEX: #d6bcfa, RGB: (214, 188, 250)
HEX: #cbd5e0, RGB: (203, 213, 224); HEX: #ffe066, RGB: (255, 224, 102); HEX: #171923, RGB: (23, 25, 35)
Simplified version of palette colors
Shade of mediumturquoise, Tint of cornflowerblue, Shade of plum, Shade of lightgrey, Shade of gold, Shade of Black
Color scheme was created by colorhunt
Colors codes in palette
React Native Mobile Pattern color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4fd1c5 | #4fd1c5 | RGB(79, 209, 197) | Touchpoint Cyan | — |
| #667eea | #667eea | RGB(102, 126, 234) | View Indigo | — |
| #d6bcfa | #d6bcfa | RGB(214, 188, 250) | Props Lilac | — |
| #cbd5e0 | #cbd5e0 | RGB(203, 213, 224) | Keyboard Grey | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Tap Highlight | — |
| #171923 | #171923 | RGB(23, 25, 35) | Simulated Black | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4fd1c5 | #667eea | 1.96 |
#4fd1c5 | #d6bcfa | 1.1 |
#4fd1c5 | #cbd5e0 | 1.25 |
#4fd1c5 | #ffe066 | 1.43 |
#d6bcfa | #cbd5e0 | 1.13 |
#d6bcfa | #ffe066 | 1.29 |
Image palette React Native Mobile Pattern png
Export Palette
Download the "React Native Mobile Pattern" in multiple formats for seamless integration into your design projects.
Available formats: