Generate Palette
  1. Colors palettes
  2. React State Machine Dashboard
Created at 08/12/2025 20:09
bycoolor
  6

React State Machine Dashboard

  • Hook Blue
    #00b4d8
  • Reducer Mint
    #90ee90
  • JSX Peach
    #ffdab9
  • Virtual DOM Gray
    #e0e0e0
  • Fiber Coral
    #ff6b6b
  • Component Black
    #121212
  • Render Yellow
    #ffd60a
  • Browser Ivory
    #fff9f0
The palette consists of Light, Dark colors. Accent colors Hook Blue #00b4d8 and Browser Ivory #fff9f0. Palette has Cool, Neutral, Warm colors temperature.

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

HEX codes (sorted): #00B4D8, #121212, #90EE90, #E0E0E0, #FF6B6B, #FFD60A, #FFDAB9, #FFF9F0

Palette React State Machine Dashboard has combination of 8 codes colors:
HEX: #00b4d8, RGB: (0, 180, 216); HEX: #90ee90, RGB: (144, 238, 144); HEX: #ffdab9, RGB: (255, 218, 185)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #121212, RGB: (18, 18, 18)
HEX: #ffd60a, RGB: (255, 214, 10); HEX: #fff9f0, RGB: (255, 249, 240)
Simplified version of palette colors
Tint of deepskyblue, Shade of gainsboro, Tint of salmon, Shade of Black, Shade of gold, Tint of floralwhite
Color scheme was created by coolor

Colors codes in palette

React State Machine Dashboard color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00b4d8 #00b4d8 RGB(0, 180, 216)Hook Blue—
#90ee90 #90ee90 RGB(144, 238, 144)Reducer MintUlva Lactuca Green
#ffdab9 #ffdab9 RGB(255, 218, 185)JSX PeachPeach Puff
#e0e0e0 #e0e0e0 RGB(224, 224, 224)Virtual DOM GrayGray88
#ff6b6b #ff6b6b RGB(255, 107, 107)Fiber Coral—
#121212 #121212 RGB(18, 18, 18)Component BlackDark Tone Ink
#ffd60a #ffd60a RGB(255, 214, 10)Render Yellow—
#fff9f0 #fff9f0 RGB(255, 249, 240)Browser Ivory—

Color Palette Contrast

17 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00b4d8
#90ee90
1.73
#00b4d8
#ffdab9
1.87
#00b4d8
#e0e0e0
1.86
#00b4d8
#ff6b6b
1.12
#00b4d8
#ffd60a
1.74
#90ee90
#ffdab9
1.07

Image palette React State Machine Dashboard png

React State Machine Dashboard - #558078
 Download image