Generate Palette
  1. Color Palettes
  2. React Component Signal Flow

React Component Signal Flow

  • JSX Yellow
    #f7df1e
  • Props Pink
    #ff6f91
  • State Navy
    #2f3c7e
  • Hook Seafoam
    #55d6be
  • Ref Snow
    #f7f7f7
  • DOM Gray
    #6c757d
  21
Created at 07/08/2025 08:12
bycolorday
The palette consists of Light, Semi dark colors. Accent colors Props Pink #ff6f91 and Hook Seafoam #55d6be. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2F3C7E (darkest) to #F7F7F7 (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

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

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #2F3C7E, #55D6BE, #6C757D, #F7DF1E, #F7F7F7, #FF6F91

Palette React Component Signal Flow combines 6 color codes:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #ff6f91, RGB: (255, 111, 145); HEX: #2f3c7e, RGB: (47, 60, 126)
HEX: #55d6be, RGB: (85, 214, 190); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #6c757d, RGB: (108, 117, 125)
Simplified version of palette colors
Tint of Gold, Tint of Pale Violet Red, Shade of Dark Slate Blue, Shade of Turquoise, Tint of White Smoke, Shade of Slate Gray
Color scheme was created by colorday

Color codes in palette

React Component Signal Flow color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#f7df1e#f7df1eRGB(247, 223, 30)JSX Yellow—
#ff6f91#ff6f91RGB(255, 111, 145)Props Pink—
#2f3c7e#2f3c7eRGB(47, 60, 126)State Navy—
#55d6be#55d6beRGB(85, 214, 190)Hook Seafoam—
#f7f7f7#f7f7f7RGB(247, 247, 247)Ref SnowLynx White
#6c757d#6c757dRGB(108, 117, 125)DOM GrayPompeii Ash

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#f7df1e
#ff6f91
1.95
#f7df1e
#55d6be
1.32
#f7df1e
#f7f7f7
1.26
#ff6f91
#55d6be
1.48
#ff6f91
#6c757d
1.77
#55d6be
#f7f7f7
1.66

Image palette React Component Signal Flow png

React Component Signal Flow color palette: JSX Yellow, Props Pink, State Navy, Hook Seafoam, Ref Snow, DOM Gray
 Download image