Generate Palette
  1. Colors palettes
  2. React Native Gamified Component Flow ColorsKit
Created at 08/25/2025 19:34
bycolorstudio
  16

React Native Gamified Component Flow ColorsKit

  • Hook Blue
    #4ea8de
  • State Green
    #50c878
  • Prop Pink
    #ff7f91
  • Context Cream
    #fff4e1
  • Render Slate
    #1f2029
  • Virtual DOM Black
    #101010
  • Highlight Orange
    #ff9f43
The palette consists of Light, Dark colors. Accent colors Hook Blue #4ea8de and Context Cream #fff4e1. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #101010 (darkest) to #FFF4E1 (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FF9F43, #FFF4E1

Palette React Native Gamified Component Flow ColorsKit has combination of 7 codes colors:
HEX: #4ea8de, RGB: (78, 168, 222); HEX: #50c878, RGB: (80, 200, 120); HEX: #ff7f91, RGB: (255, 127, 145)
HEX: #fff4e1, RGB: (255, 244, 225); HEX: #1f2029, RGB: (31, 32, 41); HEX: #101010, RGB: (16, 16, 16)
HEX: #ff9f43, RGB: (255, 159, 67)
Simplified version of palette colors
Shade of deepskyblue, Shade of mediumseagreen, Shade of lightcoral, Tint of oldlace, Shade of Black, Shade of Black, Tint of sandybrown
Color scheme was created by colorstudio

Colors codes in palette

React Native Gamified Component Flow ColorsKit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4ea8de #4ea8de RGB(78, 168, 222)Hook Blue—
#50c878 #50c878 RGB(80, 200, 120)State GreenEmerald Reflection
#ff7f91 #ff7f91 RGB(255, 127, 145)Prop Pink—
#fff4e1 #fff4e1 RGB(255, 244, 225)Context Cream—
#1f2029 #1f2029 RGB(31, 32, 41)Render Slate—
#101010 #101010 RGB(16, 16, 16)Virtual DOM Black—
#ff9f43 #ff9f43 RGB(255, 159, 67)Highlight Orange—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4ea8de
#50c878
1.23
#4ea8de
#ff7f91
1.08
#4ea8de
#ff9f43
1.28
#50c878
#ff7f91
1.13
#50c878
#fff4e1
1.95
#50c878
#ff9f43
1.04

Image palette React Native Gamified Component Flow ColorsKit png

React Native Gamified Component Flow ColorsKit - #559404
 Download image