Generate Palette
  1. Color Palettes
  2. Modular React Native UI Kit

Modular React Native UI Kit

  • Flexbox Indigo
    #5c6bc0
  • Touchable Grey
    #9e9e9e
  • SafeArea White
    #fafafa
  • Shadow Black
    #1f1f1f
  • Ripple Teal
    #26a69a
  • Props Yellow
    #ffee58
  11
Created at 07/13/2025 14:30
bycolorhunt
The palette consists of Semi dark, Light, Dark colors. Accent colors Ripple Teal #26a69a and Props Yellow #ffee58. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1F1F1F (darkest) to #FAFAFA (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 2 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 (2 of 6).

HEX codes (sorted): #1F1F1F, #26A69A, #5C6BC0, #9E9E9E, #FAFAFA, #FFEE58

Palette Modular React Native UI Kit combines 6 color codes:
HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #26a69a, RGB: (38, 166, 154); HEX: #ffee58, RGB: (255, 238, 88)
Simplified version of palette colors
Tint of royalblue, Shade of darkgrey, Tint of whitesmoke, Tint of Black, Shade of lightseagreen, Tint of Yellow
Color scheme was created by colorhunt

Color codes in palette

Modular React Native UI Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5c6bc0 #5c6bc0 RGB(92, 107, 192)Flexbox Indigo—
#9e9e9e #9e9e9e RGB(158, 158, 158)Touchable GreyGray62
#fafafa #fafafa RGB(250, 250, 250)SafeArea WhiteDr. White
#1f1f1f #1f1f1f RGB(31, 31, 31)Shadow BlackGray12
#26a69a #26a69a RGB(38, 166, 154)Ripple Teal—
#ffee58 #ffee58 RGB(255, 238, 88)Props Yellow—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5c6bc0
#9e9e9e
1.81
#5c6bc0
#26a69a
1.62
#9e9e9e
#26a69a
1.11
#fafafa
#ffee58
1.14

Image palette Modular React Native UI Kit png

Modular React Native UI Kit - #555274
 Download image