Created at 07/07/2025 17:04
Responsive React Native Theme
Touch Teal
#00f0b5
Status Grey
#a8a8a8
Mobile Cream
#fffbea
Navigation Blue
#1d4ed8
Shadow Black
#111827
Frame Pink
#ffd6ec
View State Indigo
#6366f1
The palette consists of Light, Dark colors. Accent colors Mobile Cream #fffbea and View State Indigo #6366f1. Palette has Cool, Neutral colors temperature.
Palette Responsive React Native Theme has combination of 7 codes colors:
HEX: #00f0b5, RGB: (0, 240, 181); HEX: #a8a8a8, RGB: (168, 168, 168); HEX: #fffbea, RGB: (255, 251, 234)
HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #111827, RGB: (17, 24, 39); HEX: #ffd6ec, RGB: (255, 214, 236)
HEX: #6366f1, RGB: (99, 102, 241)
Simplified version of palette colors
Tint of aquamarine, Tint of darkgrey, Tint of ivory, Tint of slateblue, Shade of Black, Shade of Pink, Tint of mediumslateblue
Color scheme was created by colorstudio
Colors codes in palette
Responsive React Native Theme color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00f0b5 | #00f0b5 | RGB(0, 240, 181) | Touch Teal | — |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Status Grey | Uniform Grey |
| #fffbea | #fffbea | RGB(255, 251, 234) | Mobile Cream | — |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | Navigation Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Shadow Black | — |
| #ffd6ec | #ffd6ec | RGB(255, 214, 236) | Frame Pink | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | View State Indigo | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00f0b5 | #a8a8a8 | 1.6 |
#00f0b5 | #fffbea | 1.43 |
#00f0b5 | #ffd6ec | 1.13 |
#a8a8a8 | #ffd6ec | 1.82 |
#a8a8a8 | #6366f1 | 1.87 |
#fffbea | #ffd6ec | 1.25 |
