Loading...
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.
By lightness, this palette runs from #111827 (darkest) to #FFFBEA (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #00F0B5, #111827, #1D4ED8, #6366F1, #A8A8A8, #FFD6EC, #FFFBEA
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 |
Image palette Responsive React Native Theme png
Export Palette
Download the "Responsive React Native Theme" in multiple formats for seamless integration into your design projects.
Available formats: