Created at 07/04/2025 10:14
React Native Mobile Design
Native Navy
#273143
Touchable Teal
#5ed7c6
Focus Pink
#fca3b7
Status Yellow
#ffd646
Screen Shell
#f7f7f7
Shadow Ink
#222222
The palette consists of Dark, Light colors. Accent colors Touchable Teal #5ed7c6 and Status Yellow #ffd646. Palette has Cool, Warm, Neutral colors temperature.
Palette React Native Mobile Design has combination of 6 codes colors:
HEX: #273143, RGB: (39, 49, 67); HEX: #5ed7c6, RGB: (94, 215, 198); HEX: #fca3b7, RGB: (252, 163, 183)
HEX: #ffd646, RGB: (255, 214, 70); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #222222, RGB: (34, 34, 34)
Simplified version of palette colors
Shade of midnightblue, Shade of turquoise, Tint of lightpink, Shade of gold, Shade of whitesmoke, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
React Native Mobile Design color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #273143 | #273143 | RGB(39, 49, 67) | Native Navy | — |
| #5ed7c6 | #5ed7c6 | RGB(94, 215, 198) | Touchable Teal | — |
| #fca3b7 | #fca3b7 | RGB(252, 163, 183) | Focus Pink | — |
| #ffd646 | #ffd646 | RGB(255, 214, 70) | Status Yellow | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Screen Shell | Lynx White |
| #222222 | #222222 | RGB(34, 34, 34) | Shadow Ink | Black Out |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#273143 | #222222 | 1.21 |
#5ed7c6 | #fca3b7 | 1.08 |
#5ed7c6 | #ffd646 | 1.24 |
#5ed7c6 | #f7f7f7 | 1.63 |
#fca3b7 | #ffd646 | 1.35 |
#fca3b7 | #f7f7f7 | 1.77 |
