Generate Palette
  1. Colors palettes
  2. JavaScript User Flow Architect
Created at 07/28/2025 11:06
bycolorday
  21

JavaScript User Flow Architect

  • Async Apricot
    #ffb36b
  • Scope Yellow
    #ffe347
  • Runtime Black
    #1d1d1d
  • Loop Teal
    #3dd9c1
  • Debug Sky
    #9fd8f6
  • Hook Purple
    #9c6ade
  • Comment Gray
    #d4d7dd
The palette consists of Light, Dark colors. Accent colors Scope Yellow #ffe347 and Debug Sky #9fd8f6. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #1D1D1D (darkest) to #D4D7DD (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): #1D1D1D, #3DD9C1, #9C6ADE, #9FD8F6, #D4D7DD, #FFB36B, #FFE347

Palette JavaScript User Flow Architect has combination of 7 codes colors:
HEX: #ffb36b, RGB: (255, 179, 107); HEX: #ffe347, RGB: (255, 227, 71); HEX: #1d1d1d, RGB: (29, 29, 29)
HEX: #3dd9c1, RGB: (61, 217, 193); HEX: #9fd8f6, RGB: (159, 216, 246); HEX: #9c6ade, RGB: (156, 106, 222)
HEX: #d4d7dd, RGB: (212, 215, 221)
Simplified version of palette colors
Shade of sandybrown, Shade of gold, Shade of Black, Tint of turquoise, Shade of skyblue, Tint of mediumpurple, Shade of lightgrey
Color scheme was created by colorday

Colors codes in palette

JavaScript User Flow Architect color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffb36b #ffb36b RGB(255, 179, 107)Async Apricot—
#ffe347 #ffe347 RGB(255, 227, 71)Scope Yellow—
#1d1d1d #1d1d1d RGB(29, 29, 29)Runtime Black—
#3dd9c1 #3dd9c1 RGB(61, 217, 193)Loop Teal—
#9fd8f6 #9fd8f6 RGB(159, 216, 246)Debug Sky—
#9c6ade #9c6ade RGB(156, 106, 222)Hook Purple—
#d4d7dd #d4d7dd RGB(212, 215, 221)Comment Gray—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffb36b
#ffe347
1.37
#ffb36b
#3dd9c1
1
#ffb36b
#9fd8f6
1.14
#ffb36b
#d4d7dd
1.22
#ffe347
#3dd9c1
1.37
#ffe347
#9fd8f6
1.19

Image palette JavaScript User Flow Architect png

JavaScript User Flow Architect - #556914
 Download image