Generate Palette
  1. Color Palettes
  2. React Stateflow Dev Theme

React Stateflow Dev Theme

  • Component Cream
    #f7f5f0
  • Hook Slate
    #707070
  • Dispatch Yellow
    #ffd93d
  • Effect Blush
    #f99aa6
  • Tree Graphite
    #3b3b3b
  • Props Mint
    #b2ffda
  1
Created at 07/13/2025 09:19
bycolorday
The palette consists of Light, Semi dark colors. Accent colors Effect Blush #f99aa6 and Props Mint #b2ffda. Palette has Neutral, Warm, Cool colors temperature.

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

Overall temperature among swatches leans warm (2 of 6).

HEX codes (sorted): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

Palette React Stateflow Dev Theme combines 6 color codes:
HEX: #f7f5f0, RGB: (247, 245, 240); HEX: #707070, RGB: (112, 112, 112); HEX: #ffd93d, RGB: (255, 217, 61)
HEX: #f99aa6, RGB: (249, 154, 166); HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #b2ffda, RGB: (178, 255, 218)
Simplified version of palette colors
Shade of Floral White, Tint of Dim Gray, Tint of Gold, Shade of Light Pink, Shade of Dark Slate Gray, Tint of Aquamarine
Color scheme was created by colorday

Color codes in palette

React Stateflow Dev Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f7f5f0 #f7f5f0 RGB(247, 245, 240)Component Cream—
#707070 #707070 RGB(112, 112, 112)Hook SlateGray44
#ffd93d #ffd93d RGB(255, 217, 61)Dispatch Yellow—
#f99aa6 #f99aa6 RGB(249, 154, 166)Effect Blush—
#3b3b3b #3b3b3b RGB(59, 59, 59)Tree GraphiteGray23
#b2ffda #b2ffda RGB(178, 255, 218)Props Mint—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Image palette React Stateflow Dev Theme png

React Stateflow Dev Theme color palette: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite
 Download image