Generate Palette
  1. Colors palettes
  2. UI State Machine Color Map
Created at 06/28/2025 20:22
bycolorstudio
  1

UI State Machine Color Map

  • Idle Slate
    #64748b
  • Hover Indigo
    #4f46e5
  • Active Mint
    #4ade80
  • Disabled Fog
    #f3f4f6
  • Error Coral
    #fb7185
  • Focus Cream
    #fff7ed
  • Exit Jet
    #0f172a
The palette consists of Light, Semi dark, Dark colors. Accent colors Hover Indigo #4f46e5 and Focus Cream #fff7ed. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #0F172A (darkest) to #FFF7ED (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): #0F172A, #4ADE80, #4F46E5, #64748B, #F3F4F6, #FB7185, #FFF7ED

Palette UI State Machine Color Map has combination of 7 codes colors:
HEX: #64748b, RGB: (100, 116, 139); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #4ade80, RGB: (74, 222, 128)
HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #fb7185, RGB: (251, 113, 133); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #0f172a, RGB: (15, 23, 42)
Simplified version of palette colors
Tint of slategrey, Tint of slateblue, Shade of mediumspringgreen, Tint of whitesmoke, Tint of lightcoral, Tint of floralwhite, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

UI State Machine Color Map color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#64748b #64748b RGB(100, 116, 139)Idle Slate—
#4f46e5 #4f46e5 RGB(79, 70, 229)Hover Indigo—
#4ade80 #4ade80 RGB(74, 222, 128)Active Mint—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Disabled Fog—
#fb7185 #fb7185 RGB(251, 113, 133)Error Coral—
#fff7ed #fff7ed RGB(255, 247, 237)Focus CreamFatback
#0f172a #0f172a RGB(15, 23, 42)Exit Jet—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#64748b
#4f46e5
1.32
#64748b
#fb7185
1.76
#4ade80
#f3f4f6
1.58
#4ade80
#fb7185
1.54
#4ade80
#fff7ed
1.64
#f3f4f6
#fff7ed
1.03

Image palette UI State Machine Color Map png

UI State Machine Color Map - #553201
 Download image