Generate Palette
  1. Color Palettes
  2. Javascript UI Signal Loop

Javascript UI Signal Loop

  • Event Yellow
    #f9dc5c
  • Callback Blue
    #00b4d8
  • Stack Lavender
    #cabbe9
  • Execution Gray
    #d3d3d3
  • Loop Black
    #1a1a1a
  11
Created at 07/08/2025 19:46
bycolourlock
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 #F9DC5C (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 2 vivid out of 5 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 5).

HEX codes (sorted): #00B4D8, #1A1A1A, #CABBE9, #D3D3D3, #F9DC5C

Palette Javascript UI Signal Loop combines 5 color codes:
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
Tint of Gold, Shade of Deep Sky Blue, Shade of Thistle, Light Gray, Tint of Black
Color scheme was created by colourlock

Color 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 GrayLightgray
#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