Generate Palette
  1. Colors palettes
  2. React Component UI Dark Mode AI FlowKit
Created at 08/25/2025 19:11
bycolorstudio
  6

React Component UI Dark Mode AI FlowKit

  • Hook Blue
    #4ea8de
  • State Green
    #50c878
  • Prop Pink
    #ff7f91
  • Context Cream
    #fff4e1
  • Render Slate
    #1f2029
  • Virtual DOM Black
    #101010
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, #FFF4E1

Palette React Component UI Dark Mode AI FlowKit has combination of 6 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)
Simplified version of palette colors
Shade of deepskyblue, Shade of mediumseagreen, Shade of lightcoral, Tint of oldlace, Shade of Black, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

React Component UI Dark Mode AI FlowKit 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—

Color Palette Contrast

5 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
#50c878
#ff7f91
1.13
#50c878
#fff4e1
1.95
#1f2029
#101010
1.17

Image palette React Component UI Dark Mode AI FlowKit png

React Component UI Dark Mode AI FlowKit - #559348
 Download image