Generate Palette
  1. Color Palettes
  2. JavaScript Dashboard Flow State

JavaScript Dashboard Flow State

  • Logic Mint
    #aaf0d1
  • Variable Ink
    #1a1a1a
  • UI Panel Grey
    #d9d9d9
  • Breakpoint Coral
    #ff6f61
  • Form Element Blue
    #4682b4
  • UX Paper White
    #ffffff
  16
Created at 07/07/2025 17:23
bycolorday
The palette consists of Light, Dark colors. Accent colors Logic Mint #aaf0d1 and Breakpoint Coral #ff6f61. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1A1A1A (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 2 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 cool (2 of 6).

HEX codes (sorted): #1A1A1A, #4682B4, #AAF0D1, #D9D9D9, #FF6F61, #FFFFFF

Palette JavaScript Dashboard Flow State combines 6 color codes:
HEX: #aaf0d1, RGB: (170, 240, 209); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #4682b4, RGB: (70, 130, 180); HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of Aquamarine, Tint of Black, Shade of Gainsboro, Shade of Salmon, Steel Blue, White
Color scheme was created by colorday

Color codes in palette

JavaScript Dashboard Flow State color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#aaf0d1 #aaf0d1 RGB(170, 240, 209)Logic MintMagic Mint
#1a1a1a #1a1a1a RGB(26, 26, 26)Variable InkGray10
#d9d9d9 #d9d9d9 RGB(217, 217, 217)UI Panel GreyGray85
#ff6f61 #ff6f61 RGB(255, 111, 97)Breakpoint CoralLiving Coral
#4682b4 #4682b4 RGB(70, 130, 180)Form Element BlueSteelblue
#ffffff #ffffff RGB(255, 255, 255)UX Paper WhiteWhite

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#aaf0d1
#d9d9d9
1.08
#aaf0d1
#ffffff
1.3
#d9d9d9
#ff6f61
1.93
#d9d9d9
#ffffff
1.41
#ff6f61
#4682b4
1.5

Image palette JavaScript Dashboard Flow State png

JavaScript Dashboard Flow State color palette: Logic Mint, Variable Ink, UI Panel Grey, Breakpoint Coral, Form Element Blue
 Download image