Generate Palette
  1. Color Palettes
  2. Responsive React Native Theme

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
  16

Responsive React Native Theme has 7 colors spread across many hues. The lightest color is Mobile Cream (#FFFBEA), the darkest Shadow Black (#111827). Its strongest contrast pair is #111827 on #FFFBEA (17.0:1, WCAG AAA).

Created at 07/07/2025 17:04
bycolorstudio
The palette consists of Light, Semi dark, Dark colors. Accent colors Mobile Cream #fffbea and View State Indigo #6366f1. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #111827 (darkest) to #FFFBEA (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 71% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 7).

HEX codes (sorted): #00F0B5, #111827, #1D4ED8, #6366F1, #A8A8A8, #FFD6EC, #FFFBEA

Palette Responsive React Native Theme combines 7 color codes:
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
Shade of Aquamarine, Shade of Dark Gray, Shade of Ivory, Shade of Slate Blue, Tint of Black, Tint of Pink, Shade of Medium Slate Blue
Color scheme was created by colorstudio

Color codes in palette

Responsive React Native Theme color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#00f0b5#00f0b5RGB(0, 240, 181)Touch Teal—
#a8a8a8#a8a8a8RGB(168, 168, 168)Status GreyUniform Grey
#fffbea#fffbeaRGB(255, 251, 234)Mobile Cream—
#1d4ed8#1d4ed8RGB(29, 78, 216)Navigation Blue—
#111827#111827RGB(17, 24, 39)Shadow Black—
#ffd6ec#ffd6ecRGB(255, 214, 236)Frame Pink—
#6366f1#6366f1RGB(99, 102, 241)View State Indigo—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast 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

Responsive React Native Theme color palette: Touch Teal, Status Grey, Mobile Cream, Navigation Blue, Shadow Black, Frame Pink
 Download image