React Native Mobile Layer
- CrossPlatform Sky#5ac8fa
- Hot Reload Pink#f78fb3
- Debug Mint#00c896
- Async Indigo#3f51b5
- Virtual White#f7f7f7
- Dark Emulator Gray#333333
Created at 07/07/2025 17:05
The palette consists of Light, Semi dark colors. Accent colors Hot Reload Pink #f78fb3 and Debug Mint #00c896. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #333333 (darkest) to #F7F7F7 (lightest). The lightness range is wide.
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 cool (3 of 6).
HEX codes (sorted): #00C896, #333333, #3F51B5, #5AC8FA, #F78FB3, #F7F7F7
Palette React Native Mobile Layer combines 6 color codes:
HEX: #5ac8fa, RGB: (90, 200, 250); HEX: #f78fb3, RGB: (247, 143, 179); HEX: #00c896, RGB: (0, 200, 150)
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #333333, RGB: (51, 51, 51)
Simplified version of palette colors
Tint of Deep Sky Blue, Tint of Pale Violet Red, Shade of Medium Aquamarine, Shade of Slate Blue, Tint of White Smoke, Tint of Black
Color scheme was created by colourlock
Color codes in palette
React Native Mobile Layer color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #5ac8fa | #5ac8fa | RGB(90, 200, 250) | CrossPlatform Sky | — |
| #f78fb3 | #f78fb3 | RGB(247, 143, 179) | Hot Reload Pink | — |
| #00c896 | #00c896 | RGB(0, 200, 150) | Debug Mint | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Async Indigo | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Virtual White | Lynx White |
| #333333 | #333333 | RGB(51, 51, 51) | Dark Emulator Gray | Carbon |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#5ac8fa | #f78fb3 | 1.16 |
#5ac8fa | #00c896 | 1.14 |
#5ac8fa | #f7f7f7 | 1.76 |
#f78fb3 | #00c896 | 1.01 |
#3f51b5 | #333333 | 1.83 |
Image palette React Native Mobile Layer png
Export Palette
Download the "React Native Mobile Layer" in multiple formats for seamless integration into your design projects.
Available formats: