Generate Palette
  1. Color Palettes
  2. React Hook Component Light/Dark Flow ColorsKit

React Hook Component Light/Dark Flow ColorsKit

  • Hook Blue
    #4ea8de
  • State Green
    #50c878
  • Prop Pink
    #ff7f91
  • Context Cream
    #fff4e1
  • Render Slate
    #1f2029
  • Virtual DOM Black
    #101010
  16
Created at 08/25/2025 19:21
bybad_colors
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) — 67% 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 6).

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

Palette React Hook Component Light/Dark Flow ColorsKit combines 6 color codes:
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)
Simplified version of palette colors
Tint of Deep Sky Blue, Tint of Medium Sea Green, Tint of Light Coral, Shade of Old Lace, Tint of Black, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

React Hook Component Light/Dark Flow ColorsKit color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#4ea8de#4ea8deRGB(78, 168, 222)Hook Blue—
#50c878#50c878RGB(80, 200, 120)State GreenEmerald Reflection
#ff7f91#ff7f91RGB(255, 127, 145)Prop Pink—
#fff4e1#fff4e1RGB(255, 244, 225)Context Cream—
#1f2029#1f2029RGB(31, 32, 41)Render Slate—
#101010#101010RGB(16, 16, 16)Virtual DOM Black—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#4ea8de
#50c878
1.23
#4ea8de
#ff7f91
1.08
#50c878
#ff7f91
1.13
#50c878
#fff4e1
1.95
#1f2029
#101010
1.17

Image palette React Hook Component Light/Dark Flow ColorsKit png

React Hook Component Light/Dark Flow ColorsKit: Hook Blue, State Green, Prop Pink, Context Cream, Render Slate
 Download image