Generate Palette
  1. Colors palettes
  2. Javascript UI Signal Loop
Created at 07/08/2025 19:46
bycolourlock
  11

Javascript UI Signal Loop

  • Event Yellow
    #f9dc5c
  • Callback Blue
    #00b4d8
  • Stack Lavender
    #cabbe9
  • Execution Gray
    #d3d3d3
  • Loop Black
    #1a1a1a
The palette consists of Light, Dark colors. Accent colors Event Yellow #f9dc5c and Callback Blue #00b4d8. Palette has Warm, Cool, Neutral colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

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): #00B4D8, #1A1A1A, #CABBE9, #D3D3D3, #F9DC5C

Palette Javascript UI Signal Loop has combination of 5 codes colors:
HEX: #f9dc5c, RGB: (249, 220, 92); HEX: #00b4d8, RGB: (0, 180, 216); HEX: #cabbe9, RGB: (202, 187, 233)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #1a1a1a, RGB: (26, 26, 26)
Simplified version of palette colors
Shade of gold, Tint of deepskyblue, Tint of thistle, Shade of Black
Color scheme was created by colourlock

Colors codes in palette

Javascript UI Signal Loop color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f9dc5c #f9dc5c RGB(249, 220, 92)Event Yellow—
#00b4d8 #00b4d8 RGB(0, 180, 216)Callback Blue—
#cabbe9 #cabbe9 RGB(202, 187, 233)Stack Lavender—
#d3d3d3 #d3d3d3 RGB(211, 211, 211)Execution GrayPinball
#1a1a1a #1a1a1a RGB(26, 26, 26)Loop BlackGray10

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f9dc5c
#00b4d8
1.8
#f9dc5c
#cabbe9
1.3
#f9dc5c
#d3d3d3
1.09
#00b4d8
#cabbe9
1.38
#00b4d8
#d3d3d3
1.64
#cabbe9
#d3d3d3
1.18

Image palette Javascript UI Signal Loop png

Javascript UI Signal Loop - #554337
 Download image